@php
    $nav = function (string $route, string $pattern, string $label, string $icon) {
        $active = request()->routeIs($pattern);
        return compact('route', 'pattern', 'label', 'icon', 'active');
    };
    $main = [
        $nav('dashboard', 'dashboard', 'Dashboard', 'home'),
        $nav('burial-records.index', 'burial-records.*', 'Pendaftaran Jenazah', 'user'),
        $nav('carian-kubur.index', 'carian-kubur.*', 'Carian Kubur', 'search'),
    ];
    $pengurusan = [
        $nav('barzakhs.index', 'barzakhs.*', 'Barzakh', 'map'),
        $nav('lots.index', 'lots.*', 'Lot Kubur', 'grid'),
        $nav('reports.index', 'reports.*', 'Laporan', 'chart'),
        $nav('imports.burial-records-legacy.form', 'imports.*', 'Import Excel', 'upload'),
    ];
    $sistem = [
        $nav('activity-logs.index', 'activity-logs.*', 'Log Aktiviti', 'clock'),
        $nav('profile.edit', 'profile.*', 'Tetapan', 'cog'),
    ];
@endphp

<aside
    class="no-print fixed inset-y-0 left-0 z-50 flex h-full min-h-0 w-64 flex-col border-r border-brand-900/10 bg-gradient-to-b from-brand-900 to-brand-950 text-white shadow-card-md transition-transform duration-200 ease-out lg:relative lg:z-0 lg:h-auto lg:min-h-screen lg:!translate-x-0"
    :class="{ '-translate-x-full': !sidebarOpen }"
>
    <div class="flex h-16 items-center gap-3 border-b border-white/10 px-4">
        <div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent/20 text-accent-light ring-1 ring-accent/30">
            <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 3v18M6 9l6-6 6 6M6 15l6 6 6-6"/></svg>
        </div>
        <div class="min-w-0">
            <div class="truncate font-semibold tracking-tight text-white">e-Barzakh</div>
            <div class="truncate text-xs text-emerald-200/90">Sistem Pengurusan Kubur</div>
        </div>
    </div>

    <nav class="flex-1 overflow-y-auto px-3 py-4 space-y-6 text-sm">
        <div>
            <div class="mb-2 px-3 text-[10px] font-semibold uppercase tracking-wider text-emerald-400/80">Utama</div>
            <ul class="space-y-0.5">
                @foreach ($main as $item)
                    @include('layouts.partials.sidebar-link', $item)
                @endforeach
            </ul>
        </div>
        <div>
            <div class="mb-2 px-3 text-[10px] font-semibold uppercase tracking-wider text-emerald-400/80">Pengurusan</div>
            <ul class="space-y-0.5">
                @foreach ($pengurusan as $item)
                    @include('layouts.partials.sidebar-link', $item)
                @endforeach
            </ul>
        </div>
        @can('users.manage')
            <div>
                <div class="mb-2 px-3 text-[10px] font-semibold uppercase tracking-wider text-emerald-400/80">Sistem</div>
                <ul class="space-y-0.5">
                    @include('layouts.partials.sidebar-link', $nav('users.index', 'users.*', 'Pengguna', 'users'))
                    @foreach ($sistem as $item)
                        @include('layouts.partials.sidebar-link', $item)
                    @endforeach
                </ul>
            </div>
        @else
            <div>
                <div class="mb-2 px-3 text-[10px] font-semibold uppercase tracking-wider text-emerald-400/80">Sistem</div>
                <ul class="space-y-0.5">
                    @foreach ($sistem as $item)
                        @include('layouts.partials.sidebar-link', $item)
                    @endforeach
                </ul>
            </div>
        @endcan
    </nav>
</aside>