@php
    use Illuminate\Support\Facades\Route;
    $configData = Helper::appClasses();
    $current = Route::currentRouteName();
    // Compteur des collectes soumises en attente de validation - pour badge menu.
    $pendingSurveysCount = \App\Models\Survey::where('status', 'submitted')->count();

    $isResults = str_starts_with($current ?? '', 'results.');
    $isConfig =
        in_array($current, ['campaigns', 'campaigns.create', 'campaigns.show', 'campaigns.edit'], true) ||
        str_starts_with($current ?? '', 'questionnaires');
    $isParam =
        str_starts_with($current ?? '', 'enqueteurs') ||
        str_starts_with($current ?? '', 'system.') ||
        $current === 'parametres';
    $isCollecte =
        ($current === 'surveys' || str_starts_with($current ?? '', 'surveys.')) && $current !== 'surveys.trash';
@endphp

<aside id="layout-menu" class="layout-menu menu-vertical menu"
    @foreach ($configData['menuAttributes'] as $attribute => $value) {{ $attribute }}="{{ $value }}" @endforeach>

    @if (!isset($navbarFull))
        <div class="app-brand demo">
            <a href="{{ url('/') }}" class="app-brand-link">
                <span class="app-brand-logo demo">@include('_partials.macros')</span>
                <span class="app-brand-text demo menu-text fw-bold ms-3">{{ config('variables.templateName') }}</span>
            </a>

            <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
                <i class="icon-base ti menu-toggle-icon d-none d-xl-block"></i>
                <i class="icon-base ti tabler-x d-block d-xl-none"></i>
            </a>
        </div>
    @endif

    <div class="menu-inner-shadow"></div>

    <ul class="menu-inner py-1">
        {{-- Section 1 : Dashboard --}}
        <li class="menu-item {{ $current === 'dashboard' ? 'active' : '' }}">
            <a href="{{ route('dashboard') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-smart-home"></i>
                <div>Tableau de bord</div>
            </a>
        </li>

        {{-- Section 2 : Collectes --}}
        <li class="menu-header small">
            <span class="menu-header-text">Collectes</span>
        </li>

        <li class="menu-item {{ $isCollecte ? 'active' : '' }}">
            <a href="{{ route('surveys') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-database"></i>
                <div class="d-flex align-items-center justify-content-between w-100">
                    <span>Toutes les collectes</span>
                    @if ($pendingSurveysCount > 0)
                        <span class="badge bg-warning rounded-pill ms-1"
                            title="{{ $pendingSurveysCount }} collecte(s) en attente de validation">
                            {{ $pendingSurveysCount }}
                        </span>
                    @endif
                </div>
            </a>
        </li>

        @role('Admin')
            <li class="menu-item {{ $current === 'surveys.trash' ? 'active' : '' }}">
                <a href="{{ route('surveys.trash') }}" class="menu-link">
                    <i class="menu-icon icon-base ti tabler-trash"></i>
                    <div>Corbeille</div>
                </a>
            </li>
        @endrole

        <li class="menu-item">
            <a href="{{ asset('apk/e-collecte.apk') }}" class="menu-link" download>
                <i class="menu-icon icon-base ti tabler-device-mobile-download"></i>
                <div class="d-flex align-items-center justify-content-between w-100">
                    <span>Application mobile</span>
                </div>
            </a>
        </li>

        {{-- Section 3 : Résultats --}}
        <li class="menu-header small">
            <span class="menu-header-text">Résultats</span>
        </li>

        <li class="menu-item {{ $isResults ? 'active open' : '' }}">
            <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon icon-base ti tabler-chart-donut-4"></i>
                <div>Analyses</div>
            </a>
            <ul class="menu-sub">
                <li class="menu-item {{ $current === 'results.overview' ? 'active' : '' }}">
                    <a href="{{ route('results.overview') }}" class="menu-link">
                        <div>Vue d'ensemble</div>
                    </a>
                </li>
                <li class="menu-item {{ $current === 'results.by-structure' ? 'active' : '' }}">
                    <a href="{{ route('results.by-structure') }}" class="menu-link">
                        <div>Par entité</div>
                    </a>
                </li>
                <li class="menu-item {{ $current === 'results.by-question' ? 'active' : '' }}">
                    <a href="{{ route('results.by-question') }}" class="menu-link">
                        <div>Par question standard</div>
                    </a>
                </li>
                <li class="menu-item {{ $current === 'results.precision' ? 'active' : '' }}">
                    <a href="{{ route('results.precision') }}" class="menu-link">
                        <div>Précision</div>
                    </a>
                </li>
                <li class="menu-item {{ $current === 'results.recommendations' ? 'active' : '' }}">
                    <a href="{{ route('results.recommendations') }}" class="menu-link">
                        <div>Recommandations</div>
                    </a>
                </li>
            </ul>
        </li>

        {{-- Section 4 : Configurations --}}
        @role('Admin|Superviseur|Analyste')
            <li class="menu-header small">
                <span class="menu-header-text">Configurations</span>
            </li>

            <li class="menu-item {{ str_starts_with($current ?? '', 'campaigns') ? 'active' : '' }}">
                <a href="{{ route('campaigns') }}" class="menu-link">
                    <i class="menu-icon icon-base ti tabler-calendar-event"></i>
                    <div>Campagnes</div>
                </a>
            </li>

            @role('Admin')
                <li class="menu-item {{ $current === 'configurations.dimension-families' ? 'active' : '' }}">
                    <a href="{{ route('configurations.dimension-families') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-hierarchy-3"></i>
                        <div>Familles de dimensions</div>
                    </a>
                </li>
                <li class="menu-item {{ $current === 'configurations.structures' ? 'active' : '' }}">
                    <a href="{{ route('configurations.structures') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-map-pin"></i>
                        <div>Structures</div>
                    </a>
                </li>
            @endrole

            @can('viewAny', App\Models\Dimension::class)
                @role('Admin|Superviseur')
                    <li class="menu-item {{ str_starts_with($current ?? '', 'questionnaires') ? 'active open' : '' }}">
                        <a href="javascript:void(0);" class="menu-link menu-toggle">
                            <i class="menu-icon icon-base ti tabler-clipboard-list"></i>
                            <div>Questionnaires</div>
                        </a>
                        <ul class="menu-sub">
                            <li class="menu-item {{ $current === 'questionnaires' ? 'active' : '' }}">
                                <a href="{{ route('questionnaires') }}" class="menu-link">
                                    <div>Programmes et Méthodes</div>
                                </a>
                            </li>
                            <li class="menu-item {{ $current === 'questionnaires.dimensions' ? 'active' : '' }}">
                                <a href="{{ route('questionnaires.dimensions') }}" class="menu-link">
                                    <div>Dimensions</div>
                                </a>
                            </li>
                            <li class="menu-item {{ $current === 'questionnaires.tracer-products' ? 'active' : '' }}">
                                <a href="{{ route('questionnaires.tracer-products') }}" class="menu-link">
                                    <div>Produits traceurs</div>
                                </a>
                            </li>
                        </ul>
                    </li>
                @endrole
            @endcan
        @endrole

        {{-- Section 5 : Paramétrage --}}
        @role('Admin')
            <li class="menu-header small">
                <span class="menu-header-text">Paramétrage</span>
            </li>

            <li
                class="menu-item {{ str_starts_with($current ?? '', 'system.') || str_starts_with($current ?? '', 'enqueteurs') ? 'active open' : '' }}">
                <a href="javascript:void(0);" class="menu-link menu-toggle">
                    <i class="menu-icon icon-base ti tabler-shield-lock"></i>
                    <div>Sécurité</div>
                </a>
                <ul class="menu-sub">
                    <li class="menu-item {{ str_starts_with($current ?? '', 'enqueteurs') ? 'active' : '' }}">
                        <a href="{{ route('enqueteurs') }}" class="menu-link">
                            <div>Utilisateurs</div>
                        </a>
                    </li>
                    <li class="menu-item {{ $current === 'system.roles' ? 'active' : '' }}">
                        <a href="{{ route('system.roles') }}" class="menu-link">
                            <div>Rôles</div>
                        </a>
                    </li>
                    <li class="menu-item {{ $current === 'system.permissions' ? 'active' : '' }}">
                        <a href="{{ route('system.permissions') }}" class="menu-link">
                            <div>Permissions</div>
                        </a>
                    </li>
                </ul>
            </li>

            <li class="menu-item {{ $current === 'parametres' ? 'active' : '' }}">
                <a href="{{ route('parametres') }}" class="menu-link">
                    <i class="menu-icon icon-base ti tabler-settings"></i>
                    <div>Paramètres</div>
                </a>
            </li>
        @endrole
    </ul>
</aside>