@extends('layouts.admin')

@section('title', 'Pages')
@section('eyebrow', 'Content')
@section('heading', 'Manage Pages')

@section('content')
    <div class="lunara-card overflow-hidden">
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-white/10 text-sm">
                <thead class="bg-white/5">
                    <tr class="text-left text-xs uppercase tracking-[0.22em] text-cream/40">
                        <th class="px-6 py-4">Page</th>
                        <th class="px-6 py-4">Slug</th>
                        <th class="px-6 py-4">Focus keyword</th>
                        <th class="px-6 py-4">Published</th>
                        <th class="px-6 py-4">Actions</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-white/5 bg-dark-card/60">
                    @foreach ($pages as $page)
                        <tr>
                            <td class="px-6 py-5">
                                <p class="font-semibold text-cream">{{ $page->name }}</p>
                                <p class="mt-1 text-cream/40">{{ $page->meta_title ?: 'No custom title yet' }}</p>
                            </td>
                            <td class="px-6 py-5 text-cream/60">{{ $page->slug }}</td>
                            <td class="px-6 py-5 text-cream/60">{{ $page->focus_keyword ?: 'Not set' }}</td>
                            <td class="px-6 py-5">
                                <span class="rounded-full px-3 py-1 text-xs font-semibold {{ $page->is_published ? 'bg-emerald-500/10 text-emerald-300' : 'bg-white/10 text-cream/50' }}">
                                    {{ $page->is_published ? 'Published' : 'Draft' }}
                                </span>
                            </td>
                            <td class="px-6 py-5">
                                <div class="flex flex-wrap gap-3">
                                    <a href="{{ route('admin.pages.edit', $page) }}" class="text-accent hover:text-accent/80">Edit</a>
                                    <a href="{{ $page->slug === 'home' ? route('home') : route('pages.show', ['slug' => $page->slug]) }}" target="_blank" class="text-cream/50 hover:text-cream">Preview</a>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection