{{-- Navigation du back-office.
     Grand écran : colonne fixe à gauche (le contenu est décalé par la règle
     body:has([data-admin-sidebar]) dans app.css, aucun écran à modifier).
     Mobile : barre horizontale compacte, comme avant. --}}
@php
    // Groupes de la colonne latérale : chaque groupe est un sous-menu
    // repliable, ouvert quand la page courante lui appartient.
    $groupes = [
        'Contenus' => [
            ['admin.entries', 'Fiches', 'admin.entries*'],
            ['admin.corpus', 'Corpus', 'admin.corpus*'],
            ['admin.glossaire', 'Glossaire', 'admin.glossaire'],
            ['admin.glossaire.familles', 'Familles', 'admin.glossaire.familles'],
        ],
        'Suivi' => [
            ['admin.signalements', 'Signalements', 'admin.signalements*'],
            ['admin.partenariats', 'Partenariats', 'admin.partenariats'],
            ['admin.interactions', 'Interactions', 'admin.interactions'],
            ['admin.avancement', 'Avancement', 'admin.avancement'],
            ['admin.journal', 'Journal des accès', 'admin.journal'],
        ],
        'Comptes' => [
            ['admin.utilisateurs', 'Utilisateurs', 'admin.utilisateurs'],
            ['admin.entreprises', 'Entreprises', 'admin.entreprises'],
        ],
    ];
    if (auth()->user()->isEditor()) {
        $groupes['Comptes'][] = ['admin.comptes', 'Rôles', 'admin.comptes'];
    }
    $groupeActif = collect($groupes)->search(
        fn ($liens) => collect($liens)->contains(fn ($l) => request()->routeIs($l[2])),
    );
    // Barre mobile : liste a plat, inchangee dans l esprit.
    $liens = collect($groupes)->flatten(1)->prepend(['admin.dashboard', 'Tableau de bord', 'admin.dashboard'])->all();
@endphp

{{-- ── Colonne latérale (desktop) ─────────────────────────────────── --}}
<aside data-admin-sidebar
       class="fixed inset-y-0 left-0 z-40 hidden w-56 flex-col border-r border-line bg-paper lg:flex">
    <div class="border-b border-line px-4 py-3">
        <span class="rounded bg-primary px-2 py-0.5 text-xs font-bold uppercase tracking-wider text-white">Éditorial</span>
    </div>

    <nav class="flex-1 overflow-y-auto px-2 py-3 text-sm" aria-label="Navigation du back-office">
        <a href="{{ route('admin.dashboard') }}"
           @if (request()->routeIs('admin.dashboard')) aria-current="page" @endif
           class="block rounded-md px-3 py-2 font-semibold no-underline {{ request()->routeIs('admin.dashboard') ? 'bg-surface text-rep-blue' : 'text-ink hover:bg-surface hover:text-rep-blue' }}">
            Tableau de bord
        </a>

        @foreach ($groupes as $titre => $lignes)
            <details class="mt-2" @if ($groupeActif === $titre) open @endif>
                <summary class="cursor-pointer select-none rounded-md px-3 py-1.5 text-[11px] font-bold uppercase tracking-wider text-muted hover:text-ink">
                    {{ $titre }}
                </summary>
                <ul class="mt-0.5 space-y-0.5">
                    @foreach ($lignes as [$route, $libelle, $motif])
                        <li>
                            <a href="{{ route($route) }}"
                               @if (request()->routeIs($motif)) aria-current="page" @endif
                               class="block rounded-md py-1.5 pl-5 pr-3 font-medium no-underline {{ request()->routeIs($motif) ? 'bg-surface text-rep-blue' : 'text-ink hover:bg-surface hover:text-rep-blue' }}">
                                {{ $libelle }}
                            </a>
                        </li>
                    @endforeach
                </ul>
            </details>
        @endforeach

        <div class="mt-4 border-t border-line pt-3">
            <a href="{{ route('home') }}" class="block rounded-md px-3 py-2 font-medium text-muted no-underline hover:bg-surface hover:text-rep-blue">Voir le site ↗</a>
        </div>
    </nav>

    <div class="border-t border-line px-4 py-3 text-sm">
        <p class="truncate text-muted">{{ auth()->user()->name }}</p>
        <p class="font-semibold text-ink">{{ auth()->user()->roleLabel() }}</p>
        <form method="POST" action="{{ route('logout') }}" class="mt-2">
            @csrf
            <button type="submit" class="font-medium text-muted hover:text-rep-red">Déconnexion</button>
        </form>
    </div>
</aside>

{{-- ── Barre horizontale (mobile et tablette) ─────────────────────── --}}
<div class="border-b border-line bg-paper lg:hidden">
    <div class="mx-auto flex max-w-6xl flex-wrap items-center gap-x-4 gap-y-1 px-4 py-2.5 text-sm">
        <span class="rounded bg-primary px-2 py-0.5 text-xs font-bold uppercase tracking-wider text-white">Éditorial</span>
        @foreach ($liens as [$route, $libelle, $motif])
            <a href="{{ route($route) }}" class="font-medium no-underline hover:text-rep-blue {{ request()->routeIs($motif) ? 'text-rep-blue' : 'text-ink' }}">{{ $libelle }}</a>
        @endforeach
        <a href="{{ route('home') }}" class="font-medium text-muted no-underline hover:text-rep-blue">Voir le site ↗</a>
        <div class="ml-auto flex items-center gap-3">
            <span class="text-muted">{{ auth()->user()->name }} · <strong class="text-ink">{{ auth()->user()->roleLabel() }}</strong></span>
            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button type="submit" class="font-medium text-muted hover:text-rep-red">Déconnexion</button>
            </form>
        </div>
    </div>
</div>