{{--
    Une page de documentation (/documentation/{slug}). `$document` vient de
    `$this->getDocument()` (voir ShowDocPage — pas une propriété publique,
    Livewire ne sait pas synthétiser un objet-valeur maison). Layout 3
    colonnes : sommaire à gauche, contenu au centre, table des matières de
    la page à droite.
--}}
@php $document = $this->getDocument(); @endphp
<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' => $document->page->slug()])
            </aside>

            <article class="doc-markdown min-w-0 flex-1">
                {!! $document->html !!}
            </article>

            @if (count($document->headings))
                <aside class="hidden w-56 shrink-0 xl:block">
                    <div class="sticky top-24">
                        <div class="text-xs font-semibold tracking-wide text-gray-400 uppercase dark:text-gray-500">
                            Sur cette page
                        </div>
                        <ul class="mt-2 flex flex-col gap-1 border-l border-gray-200 dark:border-white/10">
                            @foreach ($document->headings as $heading)
                                <li>
                                    <a
                                        href="#{{ $heading->id }}"
                                        @class([
                                            'block py-1 text-sm text-gray-500 transition hover:text-primary-600 dark:text-gray-400 dark:hover:text-primary-400',
                                            'pl-4' => $heading->level === 2,
                                            'pl-7' => $heading->level === 3,
                                        ])
                                    >
                                        {{ $heading->text }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </aside>
            @endif
        </div>
    </div>
</x-filament-panels::page.simple>