@php
    // The sidebar is generated from config/modules.php and filtered by the
    // signed-in user's permissions, so a Media Manager never sees links they
    // cannot open.
    $groups = collect(config('modules.modules'))
        ->filter(fn ($module, $key) => auth()->user()->can($key.'.view'))
        ->groupBy('group');

    $groupLabels = config('modules.groups');
@endphp

<div x-show="sidebarOpen" x-cloak class="fixed inset-0 z-30 bg-dark/60 lg:hidden" @click="sidebarOpen = false"></div>

<aside class="fixed inset-y-0 left-0 z-40 flex w-64 shrink-0 flex-col bg-dark transition-transform duration-200 lg:static lg:translate-x-0"
       :class="sidebarOpen ? 'translate-x-0' : '-translate-x-full'">

    <div class="flex h-16 shrink-0 items-center gap-3 border-b border-white/10 px-5">
        <a href="{{ route('admin.dashboard') }}" class="flex min-w-0 items-center gap-2.5 text-white">
            @if ($logo = setting('site_logo_light', setting('site_logo')))
                <img src="{{ asset_path($logo) }}" alt="" class="h-10 w-auto shrink-0">
            @endif
            <span class="truncate font-display text-sm font-semibold">{{ setting('site_name', config('app.name')) }}</span>
        </a>

        <button type="button" @click="sidebarOpen = false"
                class="ml-auto rounded p-1.5 text-white/60 transition hover:text-white lg:hidden"
                aria-label="{{ __('Close menu') }}">
            <x-icon name="close" class="size-5" />
        </button>
    </div>

    <nav class="flex-1 space-y-6 overflow-y-auto px-3 py-5" aria-label="{{ __('Admin navigation') }}">
        <a href="{{ route('admin.dashboard') }}"
           @class(['admin-nav-link', 'admin-nav-link-active' => request()->routeIs('admin.dashboard')])>
            <x-icon name="chart" class="size-4" /> {{ __('Dashboard') }}
        </a>

        @foreach ($groups as $groupKey => $modules)
            <div>
                <p class="mb-1.5 px-3 text-[0.625rem] font-semibold uppercase tracking-[0.18em] text-white/35">
                    {{ $groupLabels[$groupKey] ?? Str::headline($groupKey) }}
                </p>

                <div class="space-y-0.5">
                    @foreach ($modules as $key => $module)
                        @php($base = Str::beforeLast($module['route'], '.'))
                        <a href="{{ route($module['route']) }}"
                           @class(['admin-nav-link', 'admin-nav-link-active' => request()->routeIs($base.'.*')])>
                            <x-icon :name="$module['icon']" class="size-4 shrink-0" />
                            <span class="truncate">{{ $module['label'] }}</span>
                        </a>
                    @endforeach
                </div>
            </div>
        @endforeach
    </nav>

    <div class="shrink-0 border-t border-white/10 p-3">
        <a href="{{ route('home') }}" target="_blank" rel="noopener" class="admin-nav-link">
            <x-icon name="external" class="size-4" /> {{ __('View website') }}
        </a>
    </div>
</aside>