{{--
    Liens de navigation conditionnés par rôle (CDC §3 RBAC).
    Ce fichier fournit DEUX blocs distincts, à insérer chacun au bon endroit
    dans resources/views/layouts/navigation.blade.php :

    1. Le bloc "desktop"  -> juste après les <x-nav-link> existants,
       à l'intérieur du <div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
    2. Le bloc "mobile"   -> juste après les <x-responsive-nav-link> existants,
       à l'intérieur du <div class="pt-2 pb-3 space-y-1"> du menu responsive

    Utilisation : @include('partials.role-links', ['variant' => 'desktop'])
                  @include('partials.role-links', ['variant' => 'mobile'])

    IMPORTANT : le nom de composant ne peut pas être interpolé directement
    dans un tag (<{{ $linkComponent }}> n'est pas reconnu par le compilateur
    Blade — celui-ci détecte les tags <x-...> par une recherche littérale
    sur le texte source, avant l'évaluation des expressions {{ }}). On passe
    donc par <x-dynamic-component>, le mécanisme officiel de Laravel pour un
    nom de composant déterminé à l'exécution.
--}}

@php
    $linkComponent = $variant === 'mobile' ? 'responsive-nav-link' : 'nav-link';
@endphp

@auth
    @if (auth()->user()->isManager())
        <x-dynamic-component :component="$linkComponent" :href="route('review.dashboard')" :active="request()->routeIs('review.*')">
            {{ __('Revue') }}
        </x-dynamic-component>

        <x-dynamic-component :component="$linkComponent" :href="route('analytics.leaderboard')" :active="request()->routeIs('analytics.leaderboard')">
            {{ __('Classement') }}
        </x-dynamic-component>

        <x-dynamic-component :component="$linkComponent" :href="route('analytics.progress')" :active="request()->routeIs('analytics.progress')">
            {{ __('Courbes') }}
        </x-dynamic-component>

        <x-dynamic-component :component="$linkComponent" :href="route('analytics.irritants')" :active="request()->routeIs('analytics.irritants')">
            {{ __('Irritants') }}
        </x-dynamic-component>

        <x-dynamic-component :component="$linkComponent" :href="route('analytics.deviations')" :active="request()->routeIs('analytics.deviations')">
            {{ __('Écarts') }}
        </x-dynamic-component>

        <x-dynamic-component :component="$linkComponent" :href="route('competencies.team')" :active="request()->routeIs('competencies.team') || request()->routeIs('competencies.assessment')">
            {{ __('Compétences') }}
        </x-dynamic-component>
    @else
        <x-dynamic-component :component="$linkComponent" :href="route('evaluation.form')" :active="request()->routeIs('evaluation.*')">
            {{ __('Mon évaluation') }}
        </x-dynamic-component>

        <x-dynamic-component :component="$linkComponent" :href="route('evaluation.history')" :active="request()->routeIs('evaluation.history')">
            {{ __('Mon historique') }}
        </x-dynamic-component>

        <x-dynamic-component :component="$linkComponent" :href="route('analytics.leaderboard')" :active="request()->routeIs('analytics.leaderboard')">
            {{ __('Classement') }}
        </x-dynamic-component>

        <x-dynamic-component :component="$linkComponent" :href="route('analytics.progress')" :active="request()->routeIs('analytics.progress')">
            {{ __('Ma progression') }}
        </x-dynamic-component>

        {{-- Planning : opérateurs uniquement, cf. CDC §4.0 (déclaration de
             présence) — un manager/admin n'a rien à y déclarer. --}}
        <x-dynamic-component :component="$linkComponent" :href="route('planning')" :active="request()->routeIs('planning')">
            {{ __('Planning') }}
        </x-dynamic-component>

        <x-dynamic-component :component="$linkComponent" :href="route('competencies.me')" :active="request()->routeIs('competencies.me')">
            {{ __('Mes compétences') }}
        </x-dynamic-component>
    @endif

    <x-dynamic-component :component="$linkComponent" :href="route('profile')" :active="request()->routeIs('profile')">
        {{ __('Profil') }}
    </x-dynamic-component>

    @if (auth()->user()->isAdmin())
        @php
            // Regroupées : ce sont exactement les liens qui débordaient de la
            // barre desktop pour un admin (qui cumule déjà le bloc manager
            // ci-dessus + Profil). "Compétences" y est renommé "Référentiel
            // compétences" pour ne plus être confondu avec le "Compétences"
            // du bloc manager ci-dessus, qui pointe vers un écran différent
            // (suivi mensuel de l'équipe, pas la gestion des 20 compétences).
            $adminLinks = [
                ['route' => 'admin.users', 'label' => 'Utilisateurs'],
                ['route' => 'admin.criteria', 'label' => 'Critères'],
                ['route' => 'admin.shift-types', 'label' => 'Types de shift'],
                ['route' => 'admin.competencies', 'label' => 'Référentiel compétences'],
                ['route' => 'admin.settings', 'label' => 'Paramètres'],
                ['route' => 'admin.planning-corrections', 'label' => 'Corrections planning'],
                ['route' => 'admin.notifications-log', 'label' => 'Journal mails'],
            ];
            $adminActive = collect($adminLinks)->contains(fn ($l) => request()->routeIs($l['route']));
        @endphp

        @if ($variant === 'mobile')
            {{-- Sur mobile, tout est déjà empilé verticalement (pas de
                 débordement horizontal) : un simple séparateur visuel suffit,
                 pas besoin d'un mécanisme de repli en plus. --}}
            <div class="px-4 pt-3 pb-1 np-eyebrow" style="color: var(--np-ink-faint);">Administration</div>
            @foreach ($adminLinks as $link)
                <x-dynamic-component :component="$linkComponent" :href="route($link['route'])" :active="request()->routeIs($link['route'])">
                    {{ __($link['label']) }}
                </x-dynamic-component>
            @endforeach
        @else
            <div class="relative" x-data="{ adminOpen: false }" @click.outside="adminOpen = false" @keydown.escape.window="adminOpen = false">
                <button type="button" @click="adminOpen = ! adminOpen" :aria-expanded="adminOpen"
                        class="np-nav-dropdown-trigger {{ $adminActive ? 'is-active' : '' }}">
                    {{ __('Administration') }}
                    <svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /></svg>
                </button>

                <div x-show="adminOpen" x-cloak x-transition.origin.top.left class="np-nav-dropdown-panel">
                    @foreach ($adminLinks as $link)
                        <a href="{{ route($link['route']) }}"
                           class="np-nav-dropdown-item {{ request()->routeIs($link['route']) ? 'is-active' : '' }}">
                            {{ __($link['label']) }}
                        </a>
                    @endforeach
                </div>
            </div>
        @endif
    @endif
@endauth