@php
    $firstName = trim(Auth::user()->first_name ?: (explode(' ', trim(Auth::user()->name))[0] ?? ''));
    $navProfileComplete = app(\App\Support\ProfileCompletion::class)->isComplete(Auth::user());
    $navFamilyReady = Auth::user()->hasFamilyWithChild();
@endphp

<div x-data="{ open: false }" class="dashboard-navigation">
    <div class="dashboard-mobile-bar">
        <div class="dashboard-mobile-bar-start">
            @if ($backUrl ?? null)
                <a href="{{ $backUrl }}" class="dashboard-mobile-back" aria-label="Retour"><i class="ph-duotone ph-caret-left" aria-hidden="true"></i></a>
            @endif
            <a href="{{ route('dashboard') }}" class="dashboard-brand"><img src="{{ asset('logo2.png') }}" alt="naneasy"></a>
        </div>
        <button
            type="button"
            class="dashboard-mobile-menu"
            :class="{ 'dashboard-mobile-menu-open': open }"
            @click="open = !open"
            :aria-label="open ? 'Fermer la navigation' : 'Ouvrir la navigation'"
            :aria-expanded="open.toString()"
        >
            <span></span><span></span><span></span>
        </button>
    </div>

    <aside class="dashboard-sidebar" :class="{ 'dashboard-sidebar-open': open }">
        <a href="{{ route('dashboard') }}" class="dashboard-brand dashboard-sidebar-brand"><img src="{{ asset('logo2.png') }}" alt="naneasy"><small>Tout gérer, simplement.</small></a>
        <strong class="dashboard-sidebar-user-name dashboard-sidebar-greeting">Bonjour {{ $firstName !== '' ? $firstName : Auth::user()->name }}</strong>
        <nav class="dashboard-menu" aria-label="Navigation principale">
            <a href="{{ route('dashboard') }}" @class(['dashboard-menu-link', 'dashboard-menu-active' => request()->routeIs('dashboard') || request()->routeIs('home')])><i class="ph-duotone ph-house"></i>Accueil</a>
            <p class="dashboard-menu-heading">Garde</p>
            @if ($navFamilyReady)
                <a href="{{ route('planning.index') }}" @class(['dashboard-menu-link', 'dashboard-menu-active' => request()->routeIs('planning.*')])><i class="ph-duotone ph-calendar-blank"></i>Planning de garde</a>
                <a href="{{ route('contracts.index') }}" @class(['dashboard-menu-link', 'dashboard-menu-active' => request()->routeIs('contracts.*') || request()->is('contrats*')])><i class="ph-duotone ph-file-text"></i>Contrats</a>
            @else
                <span class="dashboard-menu-link dashboard-menu-link-disabled" aria-disabled="true"><i class="ph-duotone ph-calendar-blank"></i>Planning de garde</span>
                <span class="dashboard-menu-link dashboard-menu-link-disabled" aria-disabled="true"><i class="ph-duotone ph-file-text"></i>Contrats</span>
            @endif
            @if ($navProfileComplete)
                <a href="{{ route('employers.index') }}" @class(['dashboard-menu-link', 'dashboard-menu-active' => request()->routeIs('employers.*') || request()->is('employeurs*')])><i class="ph-duotone ph-users-three"></i>Familles</a>
            @else
                <span class="dashboard-menu-link dashboard-menu-link-disabled" aria-disabled="true"><i class="ph-duotone ph-users-three"></i>Familles</span>
            @endif
            <p class="dashboard-menu-heading">Administratif</p>
            @if ($navFamilyReady)
                <a href="{{ route('planning.index') }}" class="dashboard-menu-link"><i class="ph-duotone ph-file-arrow-up"></i>Mes déclarations</a>
                <a href="{{ route('planning.index') }}" class="dashboard-menu-link"><i class="ph-duotone ph-ticket"></i>Mon abonnement</a>
            @else
                <span class="dashboard-menu-link dashboard-menu-link-disabled" aria-disabled="true"><i class="ph-duotone ph-file-arrow-up"></i>Mes déclarations</span>
                <span class="dashboard-menu-link dashboard-menu-link-disabled" aria-disabled="true"><i class="ph-duotone ph-ticket"></i>Mon abonnement</span>
            @endif
            <a href="{{ route('profile.edit') }}" @class(['dashboard-menu-link', 'dashboard-menu-active' => request()->routeIs('profile.*') || request()->is('profile*')])><i class="ph-duotone ph-gear"></i>Mon profil</a>
        </nav>
        <div class="dashboard-sidebar-user">
            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button type="submit" class="dashboard-sidebar-action dashboard-sidebar-logout"><i class="ph-duotone ph-sign-out"></i>Me déconnecter</button>
            </form>
        </div>
    </aside>
</div>