{{--
    Sommaire de la documentation (/documentation). `.fi-documentation-page`
    est le marqueur ciblé par resources/css/filament/documentation/theme.css
    pour neutraliser la carte plafonnée du layout "simple" — même patron que
    `.fi-landing-page` côté Guest.
--}}
<x-filament-panels::page.simple>
    <div class="fi-documentation-page min-h-screen bg-white text-gray-900 dark:bg-gray-950 dark:text-white">
        @include('filament.documentation.partials.header')

        <div class="mx-auto flex max-w-7xl gap-10 px-6 py-12">
            <aside class="w-64 shrink-0">
                @include('filament.documentation.partials.nav', ['sections' => $this->getSections(), 'currentSlug' => null])
            </aside>

            <div class="min-w-0 flex-1">
                <h1 class="text-3xl font-bold tracking-tight text-gray-950 dark:text-white">Documentation Joseph</h1>
                <p class="mt-3 max-w-2xl text-gray-600 dark:text-gray-400">
                    Le guide utilisateur de Joseph, organisé par thème. Choisissez une page dans le sommaire à gauche.
                </p>
            </div>
        </div>
    </div>
</x-filament-panels::page.simple>