@php
    $items = collect([
        ['label' => 'Dashboard',     'route' => 'dashboard',     'pattern' => 'dashboard',      'icon' => 'grid',           'permission' => null],
        ['label' => 'Reservations',  'route' => 'reservations.index', 'pattern' => 'reservations.*', 'icon' => 'calendar-check', 'permission' => 'reservations.view'],
        ['label' => 'Rooms',         'route' => 'rooms.index',     'pattern' => 'rooms.*',        'icon' => 'bed',            'permission' => 'rooms.view'],
        ['label' => 'Room types',    'route' => 'room-types.index','pattern' => 'room-types.*',   'icon' => 'grid',           'permission' => 'room-types.view'],
        ['label' => 'Billing',       'route' => 'billing.index', 'pattern' => 'billing.*|folios.*|payments.*', 'icon' => 'receipt', 'permission' => 'billing.view-folio'],
        ['label' => 'Guests',        'route' => 'guests.index',  'pattern' => 'guests.*',       'icon' => 'users',          'permission' => 'guests.view'],
        ['label' => 'Users',         'route' => 'users.index',   'pattern' => 'users.*',        'icon' => 'user-cog',       'permission' => 'users.view'],
        ['label' => 'Roles',         'route' => 'roles.index',   'pattern' => 'roles.*',        'icon' => 'shield',         'permission' => 'roles.view'],
    ])->filter(fn ($item) => ! $item['permission'] || auth()->user()?->can($item['permission']))
      ->values();
@endphp

<aside class="hidden md:flex flex-col w-16 shrink-0 bg-sand-100 border-r border-sand-300 py-4">
    <nav class="flex-1 flex flex-col items-center gap-1">
        @foreach ($items as $item)
            @php
                $active   = $item['pattern'] && request()->routeIs($item['pattern']);
                $disabled = $item['route'] === null;
                $href     = $disabled ? '#' : route($item['route']);
            @endphp
            <a href="{{ $href }}"
               @if(!$disabled) wire:navigate @endif
               title="{{ $item['label'] }}{{ $disabled ? ' (coming soon)' : '' }}"
               @class([
                   'group grid place-items-center w-11 h-11 rounded-xl transition',
                   'bg-brand-100 text-brand-700 ring-1 ring-brand-200' => $active,
                   'text-ink-muted hover:text-ink hover:bg-sand-200' => !$active && !$disabled,
                   'text-ink-faint cursor-not-allowed opacity-60' => $disabled,
               ])>
                @include('layouts.partials.icon', ['name' => $item['icon']])
                <span class="sr-only">{{ $item['label'] }}</span>
            </a>
        @endforeach
    </nav>

    <div class="flex flex-col items-center gap-1 pt-4 border-t border-sand-300">
        @can('settings.view')
            <a href="{{ route('settings.index') }}" wire:navigate
               title="Settings"
               @class([
                   'grid place-items-center w-11 h-11 rounded-xl transition',
                   'bg-brand-100 text-brand-700 ring-1 ring-brand-200' => request()->routeIs('settings.*'),
                   'text-ink-muted hover:text-ink hover:bg-sand-200' => !request()->routeIs('settings.*'),
               ])>
                @include('layouts.partials.icon', ['name' => 'settings'])
                <span class="sr-only">Settings</span>
            </a>
        @endcan
    </div>
</aside>