@php
    /** @var \Modules\Dashboard\Support\DashboardNav $nav */
    $nav = app(\Modules\Dashboard\Support\DashboardNav::class);
    $groups = $nav->groups();
@endphp

<aside class="dash-sidebar hidden lg:flex">
    <div class="dash-sidebar-brand">
        <a href="{{ route('dashboard.home') }}" class="flex min-w-0 items-center gap-2" wire:navigate>
            <img x-show="!dark"
                 src="{{ asset(config('dashboard.logo_path')) }}"
                 alt="{{ config('dashboard.brand_name') }}"
                 class="h-8 w-auto shrink-0 object-contain">
            <img x-show="dark" x-cloak
                 src="{{ asset(config('dashboard.logo_dark_path') ?: config('dashboard.logo_path')) }}"
                 alt="{{ config('dashboard.brand_name') }}"
                 class="h-8 w-auto shrink-0 object-contain">
            <span class="dash-sidebar-label truncate text-sm font-semibold tracking-tight"
                  style="color: var(--surface-foreground);">
                {{ config('dashboard.brand_name') }}
            </span>
        </a>

        <button type="button"
                onclick="window.dashSidebar && window.dashSidebar.toggle()"
                class="dash-sidebar-toggle"
                aria-label="{{ __('dashboard::dashboard.sidebar.toggle') }}">
            <flux:icon icon="chevron-double-left" class="size-4 rtl:-scale-x-100"/>
        </button>
    </div>

    <nav class="flex-1 overflow-y-auto px-3 py-3">
        @foreach ($groups as $groupKey => $items)
            <div class="mb-3">
                <div class="dash-nav-group-label">
                    {{ __('dashboard::dashboard.navigation.' . $groupKey) }}
                </div>

                @foreach ($items as $item)
                    @php
                        $can = ! $item['permission']
                            || (auth()->user() && method_exists(auth()->user(), 'hasPermission')
                                && auth()->user()->hasPermission($item['permission']));
                    @endphp
                    @continue (! $can)

                    @php
                        $href = route($item['route'], $item['route_args']);
                        $label = is_callable($item['label']) ? call_user_func($item['label']) : $item['label'];
                        $active = request()->routeIs($item['route']);
                    @endphp

                    <a href="{{ $href }}"
                       wire:navigate
                       @if ($active) aria-current="page" @endif
                       title="{{ $label }}"
                       class="dash-nav-item">
                        <flux:icon :icon="$item['icon']" variant="outline" class="size-4 shrink-0"/>
                        <span class="dash-sidebar-label truncate">{{ $label }}</span>
                    </a>
                @endforeach
            </div>
        @endforeach
    </nav>

    <div class="dash-sidebar-footer">
        <form method="POST" action="{{ route('dashboard.logout') }}">
            @csrf
            <flux:button type="submit" variant="ghost" class="w-full justify-start" icon="arrow-right-start-on-rectangle">
                <span class="dash-sidebar-label">{{ __('dashboard::dashboard.auth.logout') }}</span>
            </flux:button>
        </form>
    </div>
</aside>