@php
    $firstName = trim(Auth::user()->first_name ?: (explode(' ', trim(Auth::user()->name))[0] ?? ''));
@endphp

<div x-data="{ open: false }" class="dashboard-navigation">
    <div class="dashboard-mobile-bar">
        <a href="{{ route('parent.dashboard') }}" class="dashboard-brand"><img src="{{ asset('logo2.png') }}" alt="naneasy"></a>
        <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('parent.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('parent.dashboard') }}" @class(['dashboard-menu-link', 'dashboard-menu-active' => request()->routeIs('parent.dashboard') || request()->routeIs('home')])><i class="ph-duotone ph-house"></i>Accueil</a>
            <a href="{{ route('parent.family') }}" @class(['dashboard-menu-link', 'dashboard-menu-active' => request()->routeIs('parent.family')])><i class="ph-duotone ph-users-three"></i>Ma famille</a>
            <a href="{{ route('parent.contracts') }}" @class(['dashboard-menu-link', 'dashboard-menu-active' => request()->routeIs('parent.contracts')])><i class="ph-duotone ph-calendar"></i>Mes gardes</a>
            <a href="{{ route('parent.taxes') }}" @class(['dashboard-menu-link', 'dashboard-menu-active' => request()->routeIs('parent.taxes')])><i class="ph-duotone ph-file-arrow-up"></i>Mes déclarations</a>
            <a href="{{ route('parent.subscription') }}" @class(['dashboard-menu-link', 'dashboard-menu-active' => request()->routeIs('parent.subscription')])><i class="ph-duotone ph-ticket"></i>Mon abonnement</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>Se déconnecter</button>
            </form>
        </div>
    </aside>
</div>