@php
    $user = auth()->user();
    $groups = [];
    $activeKey = null;

    $navItemIsActive = static function (array $item): bool {
        if (empty($item['route'])) {
            return false;
        }

        // Exact route, or nested routes under this item only — never the whole module prefix
        // (e.g. admin.social.composer must NOT match via admin.social.*).
        $patterns = [$item['route'], $item['route'].'.*'];

        if (str_ends_with($item['route'], '.index')) {
            $resource = Str::beforeLast($item['route'], '.index');
            $patterns[] = $resource;
            $patterns[] = $resource.'.*';
        }

        return request()->routeIs(...$patterns);
    };

    foreach (config('admin_nav') as $group) {
        if (! empty($group['module']) && ! config('admin_modules.'.$group['module'])) {
            continue;
        }

        $visible = collect($group['items'])->filter(function ($item) use ($user) {
            if (! empty($item['permission']) && $user && ! $user->hasPermission($item['permission'])) {
                return false;
            }

            return true;
        })->values();

        if ($visible->isEmpty()) {
            continue;
        }

        $key = $group['key'] ?? Str::slug($group['label']);
        $isActive = $visible->contains(fn ($item) => $navItemIsActive($item));

        if ($isActive) {
            $activeKey = $key;
        }

        $groups[] = [
            'key' => $key,
            'label' => $group['label'],
            'icon' => $group['icon'] ?? 'circle',
            'items' => $visible,
            'active' => $isActive,
        ];
    }

    if ($activeKey === null && $groups !== []) {
        $activeKey = $groups[0]['key'];
        $groups[0]['active'] = true;
    }
@endphp

{{-- Primary icon rail --}}
<div class="admin-rail" aria-label="Modules">
    <a href="{{ route('admin.dashboard') }}" class="admin-rail-brand" title="TRA Admin">
        <span>TRA</span>
    </a>
    <div class="admin-rail-scroll">
        @foreach($groups as $group)
            <button type="button"
                    class="admin-rail-btn {{ $group['active'] ? 'is-active' : '' }}"
                    data-admin-module="{{ $group['key'] }}"
                    title="{{ $group['label'] }}"
                    aria-label="{{ $group['label'] }}"
                    aria-pressed="{{ $group['active'] ? 'true' : 'false' }}">
                <i data-lucide="{{ $group['icon'] }}" class="h-[1.15rem] w-[1.15rem]"></i>
            </button>
        @endforeach
    </div>
    <button type="button" class="admin-rail-btn mt-auto mb-2" data-admin-panel-collapse title="Collapse submenu" aria-label="Collapse submenu">
        <i data-lucide="panel-left-close" class="h-4 w-4" data-collapse-icon></i>
    </button>
</div>

{{-- Secondary submodule panel --}}
<div class="admin-panel" id="admin-subpanel" data-active-module="{{ $activeKey }}">
    <div class="admin-panel-head">
        <div>
            <div class="text-[11px] font-semibold uppercase tracking-[0.14em] text-white/40">Module</div>
            <div class="admin-panel-title" data-admin-panel-title>
                {{ collect($groups)->firstWhere('key', $activeKey)['label'] ?? 'Admin' }}
            </div>
        </div>
    </div>
    <nav class="admin-panel-nav" aria-label="Submodules">
        @foreach($groups as $group)
            <div class="admin-panel-group {{ $group['key'] === $activeKey ? '' : 'hidden' }}" data-admin-panel-group="{{ $group['key'] }}">
                @foreach($group['items'] as $item)
                    @php
                        $locked = empty($item['route']);
                        $href = $locked ? '#' : route($item['route']);
                        $active = ! $locked && $navItemIsActive($item);
                    @endphp
                    <a href="{{ $href }}"
                       @if($locked) aria-disabled="true" title="Coming in Phase {{ $item['phase'] ?? '?' }}" @endif
                       class="admin-panel-link {{ $locked ? 'is-locked' : '' }} {{ $active ? 'is-active' : '' }}">
                        <span class="admin-panel-link-icon">
                            <i data-lucide="{{ $item['icon'] }}" class="h-4 w-4"></i>
                        </span>
                        <span class="admin-panel-link-label truncate">{{ $item['label'] }}</span>
                        @if($locked)
                            <span class="admin-panel-phase">P{{ $item['phase'] }}</span>
                        @endif
                    </a>
                @endforeach
            </div>
        @endforeach
    </nav>
    <div class="admin-panel-foot">
        {{ config('app.env') }}
    </div>
</div>