@php
    $active = $active ?? 'dashboard';
    $profileComplete = $profileComplete ?? (bool) ($customer?->isProfileComplete() ?? true);
    $items = [
        'dashboard' => ['label' => 'Overview', 'icon' => 'dashboard', 'route' => 'frontend.customer.dashboard', 'requires_profile' => true],
        'saved' => ['label' => 'Saved list', 'icon' => 'bookmark', 'route' => 'frontend.customer.saved', 'requires_profile' => true],
        'profile' => ['label' => 'Profile', 'icon' => 'person', 'route' => 'frontend.customer.profile', 'requires_profile' => false],
        'explore' => ['label' => 'Explore', 'icon' => 'search', 'route' => 'frontend.category-list', 'requires_profile' => false],
    ];
@endphp

<nav class="dashboard-nav">
    @foreach ($items as $key => $item)
        @php
            $disabled = $item['requires_profile'] && ! $profileComplete;
            $href = $disabled ? '#' : route($item['route']);
        @endphp
        <a class="{{ $active === $key ? 'active' : '' }} {{ $disabled ? 'disabled' : '' }}" href="{{ $href }}" aria-disabled="{{ $disabled ? 'true' : 'false' }}">
            <span class="material-symbols-outlined">{{ $item['icon'] }}</span>{{ $item['label'] }}
        </a>
    @endforeach
    <form action="{{ route('frontend.customer.logout') }}" method="POST">
        @csrf
        <button class="dashboard-logout" type="submit">
            <span class="material-symbols-outlined">logout</span>Sign out
        </button>
    </form>
</nav>