@php
    $title = 'Presse et documents';
    $description = "Décisions administratives, rapports et documents d'archive relatifs au parcours de Te Litho Tenge Didier.";
@endphp
<x-layout :title="$title" :description="$description">

    <section class="border-b border-ink-900/10 bg-paper-dim py-14">
        <div class="container-page">
            <p class="eyebrow">Presse et documents</p>
            <h1 class="h-display mt-3 text-4xl font-semibold text-ink-900 sm:text-5xl">Archives documentaires</h1>
            <p class="mt-3 max-w-2xl text-ink-600">
                Décisions administratives, rapports statistiques et documents officiels issus des archives locales de
                la commune de Kintambo. Chaque document est fourni tel quel, à titre d'archive historique.
            </p>
        </div>
    </section>

    <div class="container-page py-16">
        <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
            @foreach ($documents as $doc)
                <a href="{{ route('presse.show', $doc) }}" target="_blank" rel="noopener noreferrer"
                   class="group flex items-start gap-4 rounded-xl border border-ink-900/10 bg-white/60 p-5 transition hover:border-congo-800/30 hover:shadow-md">
                    <span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-lg bg-congo-900/5 text-congo-800">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m-7 5h8a2 2 0 002-2V7.828a2 2 0 00-.586-1.414l-3.828-3.828A2 2 0 0012.172 2H6a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
                    </span>
                    <span>
                        <span class="block font-semibold text-ink-900 group-hover:text-congo-800">{{ $doc->title }}</span>
                        @if($doc->category_label)
                            <span class="mt-1 inline-block text-xs uppercase tracking-wide text-gold-600">{{ $doc->category_label }}</span>
                        @endif
                        <span class="mt-1 block text-xs text-ink-500">PDF — archive locale</span>
                    </span>
                </a>
            @endforeach
        </div>

        @if($documents->isEmpty())
            <p class="text-ink-500">Aucun document publié pour le moment.</p>
        @endif

        <div class="mt-10">{{ $documents->links() }}</div>
    </div>
</x-layout>