@extends('layouts.admin', ['title' => __('Pages').' | Nivex'])

@section('content')
    <div class="mb-6 flex items-center justify-between gap-4">
        <h1 class="section-title text-4xl">{{ __('Pages') }}</h1>
    </div>
    <div class="admin-card overflow-x-auto">
        <table class="min-w-full text-left text-sm">
            <thead class="text-slate-400"><tr><th class="pb-4">Page</th><th class="pb-4"></th></tr></thead>
            <tbody class="divide-y divide-slate-200 dark:divide-slate-800">
                @foreach ($pages as $page)
                    <tr>
                        <td class="py-4 font-semibold uppercase tracking-[0.18em]">{{ $page->page }}</td>
                        <td class="py-4 text-right"><a href="{{ route('admin.pages.edit', $page) }}" class="btn-secondary px-4 py-2">{{ __('Edit') }}</a></td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection