@extends('layouts.app')

@section('content')
<div class="max-w-4xl mx-auto px-4 py-8">
    <h1 class="text-3xl font-bold mb-6">Gestion des Pages de Contenu</h1>

    <div class="bg-white shadow rounded-lg overflow-hidden">
        <table class="min-w-full leading-normal">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-5 py-3 border-b-2 text-left text-xs font-semibold text-gray-600 uppercase">Titre</th>
                    <th class="px-5 py-3 border-b-2 text-left text-xs font-semibold text-gray-600 uppercase">Lien (Slug)</th>
                    <th class="px-5 py-3 border-b-2 text-right">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($pages as $page)
                <tr>
                    <td class="px-5 py-5 border-b text-sm font-bold">{{ $page->title }}</td>
                    <td class="px-5 py-5 border-b text-sm text-gray-500">/page/{{ $page->slug }}</td>
                    <td class="px-5 py-5 border-b text-right">
                        <a href="{{ route('admin.pages.edit', $page) }}" class="bg-blue-50 text-blue-600 px-3 py-1 rounded font-bold text-xs hover:bg-blue-100">
                            Modifier
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection