{{--
    Navigation de gauche — sommaire complet, groupé par section
    (DocumentationCatalogue::sections()). $currentSlug (nullable) met en
    surbrillance la page actuellement affichée.
--}}
<nav class="flex flex-col gap-6">
    @foreach ($sections as $section)
        <div>
            <div class="px-3 text-xs font-semibold tracking-wide text-gray-400 uppercase dark:text-gray-500">
                {{ $section->title }}
            </div>
            <ul class="mt-2 flex flex-col gap-0.5">
                @foreach ($section->pages as $page)
                    <li>
                        <a
                            href="{{ \App\Filament\Documentation\Pages\ShowDocPage::getUrl(['slug' => $page->slug()], panel: 'documentation') }}"
                            @class([
                                'block rounded-lg px-3 py-1.5 text-sm transition',
                                'bg-primary-50 font-semibold text-primary-700 dark:bg-primary-500/10 dark:text-primary-300' => ($currentSlug ?? null) === $page->slug(),
                                'text-gray-600 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-white' => ($currentSlug ?? null) !== $page->slug(),
                            ])
                        >
                            {{ $page->title }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    @endforeach
</nav>