@auth
    @php
        $isCoach = auth()->user()->isCoach();
        $primary = $isCoach
            ? [
                ['label' => 'Home', 'icon' => 'home', 'route' => 'coach.dashboard'],
                ['label' => 'Atleta', 'icon' => 'id-card', 'route' => 'coach.athlete.show'],
                ['label' => 'Schede', 'icon' => 'file-text', 'route' => 'coach.plans.index'],
                ['label' => 'Messaggi', 'icon' => 'message-circle', 'route' => null],
            ]
            : [
                ['label' => 'Home', 'icon' => 'home', 'route' => 'athlete.dashboard'],
                ['label' => 'Workout', 'icon' => 'dumbbell', 'route' => 'athlete.plans.show', 'active' => ['athlete.plans.*', 'athlete.calendar.*', 'athlete.sessions.*']],
                ['label' => 'Nutrizione', 'icon' => 'coffee', 'route' => 'athlete.nutrition.dashboard'],
                ['label' => 'Metriche', 'icon' => 'heart-pulse', 'route' => 'athlete.progress.index'],
                ['label' => 'Storico pesi', 'icon' => 'bar-chart', 'route' => 'athlete.journal.index'],
            ];
    @endphp

    <nav class="app-bottom-nav" aria-label="Navigazione mobile">
        @foreach ($primary as $item)
            @php
                $activePatterns = (array) ($item['active'] ?? $item['route']);
                $isActive = request()->routeIs(...$activePatterns);
            @endphp
            @if ($item['route'])
                <a href="{{ route($item['route']) }}"
                   class="app-bottom-nav__link {{ $isActive ? 'active' : '' }}"
                   @if ($isActive) aria-current="page" @endif>
                    <x-icon :name="$item['icon']" />
                    <span>{{ $item['label'] }}</span>
                </a>
            @else
                <span class="app-bottom-nav__link disabled" aria-disabled="true">
                    <x-icon :name="$item['icon']" />
                    <span>{{ $item['label'] }}</span>
                </span>
            @endif
        @endforeach
        @if ($isCoach)
            <button type="button"
                    class="app-bottom-nav__link"
                    data-bs-toggle="offcanvas"
                    data-bs-target="#mobileNavigation"
                    aria-controls="mobileNavigation"
                    aria-label="Apri tutte le sezioni">
                <x-icon name="menu" />
                <span>Altro</span>
            </button>
        @endif
    </nav>

    <div class="offcanvas offcanvas-end mobile-menu" tabindex="-1" id="mobileNavigation" aria-labelledby="mobileNavigationTitle">
        <div class="offcanvas-header">
            <h2 class="offcanvas-title fs-5" id="mobileNavigationTitle">Menu FranCoach</h2>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Chiudi menu"></button>
        </div>
        <div class="offcanvas-body">
            @php
                $secondary = $isCoach
                    ? [
                        ['label' => 'Esercizi', 'route' => 'coach.exercises.index'],
                        ['label' => 'Calendario', 'route' => 'coach.assignments.index'],
                        ['label' => 'Diario', 'route' => 'coach.journal.index'],
                        ['label' => 'Progressi', 'route' => 'coach.progress.index'],
                        ['label' => 'Fotografie', 'route' => 'coach.photos.index'],
                        ['label' => 'Nutrizione', 'route' => 'coach.nutrition.dashboard'],
                        ['label' => 'Notifiche', 'route' => 'notifications.index'],
                        ['label' => 'Report', 'route' => 'coach.reports.index'],
                    ]
                    : [
                        ['label' => 'Calendario', 'route' => 'athlete.calendar.index'],
                        ['label' => 'Fotografie', 'route' => 'athlete.photos.index'],
                        ['label' => 'Progressi', 'route' => 'athlete.progress.index'],
                        ['label' => 'Messaggi', 'route' => null],
                        ['label' => 'Notifiche', 'route' => 'notifications.index'],
                    ];
            @endphp
            <div class="mobile-menu__links">
                @foreach ($secondary as $item)
                    @if ($item['route'])
                        <a class="mobile-menu__link" href="{{ route($item['route']) }}">{{ $item['label'] }}</a>
                    @else
                        <span class="mobile-menu__link disabled" aria-disabled="true">{{ $item['label'] }}</span>
                    @endif
                @endforeach
                <a class="mobile-menu__link" href="{{ route($isCoach ? 'coach.settings.index' : 'athlete.profile.show') }}">
                    {{ $isCoach ? 'Impostazioni' : 'Profilo' }}
                </a>
            </div>
        </div>
    </div>
@endauth