@php
    $links = [
        [
            'href' => route('admin.dashboard'),
            'icon' => 'fa-solid fa-gauge',
            'label' => 'Panel principal',
            'active' => request()->routeIs('admin.dashboard'),
        ],

        [
            'header' => 'Gestión de usuarios',
        ],

        [            
                'href' => route('admin.users.index'),
                'icon' => 'fa-solid fa-users',
                'label' => 'Usuarios',
                'active' => request()->routeIs('admin.users.*'),            
        ],

        [
            'header' => 'Gestión de Roles',
        ],

        [            
                'href' => route('admin.roles.index'),
                'icon' => 'fa-solid fa-user-shield',
                'label' => 'Roles',
                'active' => request()->routeIs('admin.roles.*'),            
        ],
        [
            'header' => 'Gestión de Empresas',
        ],

        [            
                'href' => route('admin.empresas.index'),
                'icon' => 'fa-solid fa-building',
                'label' => 'Empresas',
                'active' => request()->routeIs('admin.empresas.*'),            
        ],
        [            
                'href' => route('admin.puestos-trabajo.index'),
                'icon' => 'fa-solid fa-briefcase',
                'label' => 'Puestos Trabajo',
                'active' => request()->routeIs('admin.puestos-trabajo.*'),            
        ],
        [
            'header' => 'Gestión de exámenes',
        ],

        [
            'href' => route('admin.tipos-examen.index'),
            'icon' => 'fa-solid fa-file-medical',
            'label' => 'Tipos de examen',
            'active' => request()->routeIs(
                'admin.tipos-examen.*'
            ),
        ],

        [
            'href' => route('admin.perfiles-examen.index'),
            'icon' => 'fa-solid fa-clipboard-list',
            'label' => 'Perfiles de examen',
            'active' => request()->routeIs(
                'admin.perfiles-examen.*'
            ),
        ],
        [
        'header' => 'Programaciones',
        ],

        [
            'href' => route(
                'admin.programaciones.index'
            ),
            'icon' => 'fa-solid fa-calendar-check',
            'label' => 'Revisar programaciones',
            'active' => request()->routeIs(
                'admin.programaciones.*'
            ),
        ],

        [
        'header' => 'Firma Digital',
        ],

        [
            'href' => route('admin.firma-digital.index'),
            'icon' => 'fa-solid fa-file-signature',
            'label' => 'Firma Digital',
            'active' => request()->routeIs(
                'admin.firma-digital.*'
            ),
        ],
        [
            'href' => route('admin.certificados-digitales.index'),
            'icon' => 'fa-solid fa-certificate',
            'label' => 'Certificados Digitales',
            'active' => request()->routeIs(
                'admin.certificados-digitales.*'
            ),
        ],
    ];
@endphp

<aside
    id="app-sidebar"
    class="fixed top-0 left-0 z-40 w-56 h-screen transition-transform -translate-x-full sm:translate-x-0 border-r border-gray-200 bg-white"
    aria-label="Menú lateral"
    tabindex="-1"
>
    <div class="h-full overflow-y-auto px-3 py-4">

        <a
            href="{{ route('admin.dashboard') }}"
            class="mb-6 flex items-center px-2"
        >
            <div
                class="flex h-9 w-9 items-center justify-center
                       rounded-lg bg-blue-600 font-bold text-white"
            >
                P
            </div>

            <span class="ms-3 text-lg font-semibold text-gray-900">
                Programaciones
            </span>
        </a>

        <ul class="space-y-2 font-medium">
                @foreach ($links as $link)

                    {{-- Encabezado --}}
                    @if (isset($link['header']))
                        <li class="px-2 pb-1 pt-4">
                            <span class="text-[11px] font-semibold uppercase text-gray-400">
                                {{ $link['header'] }}
                            </span>
                        </li>

                        @continue
                    @endif

                    @php
                        $hasSubmenu = isset($link['submenu']);

                        $submenuId = $hasSubmenu
                            ? 'submenu-' . Str::slug($link['label'])
                            : null;

                        $submenuActive = $hasSubmenu
                            ? collect($link['submenu'])->contains(
                                fn ($item) => $item['active'] ?? false
                            )
                            : false;

                        $isActive = ($link['active'] ?? false) || $submenuActive;

                        $itemClass = $isActive
                            ? 'bg-gray-100 font-medium text-blue-600'
                            : 'text-gray-900 hover:bg-gray-100 hover:text-blue-600';
                    @endphp

                    <li>
                        @if ($hasSubmenu)

                            {{-- Botón principal --}}
                            <button
                                type="button"
                                data-collapse-toggle="{{ $submenuId }}"
                                aria-controls="{{ $submenuId }}"
                                aria-expanded="{{ $isActive ? 'true' : 'false' }}"
                                class="group flex w-full items-center rounded-lg px-2 py-2 {{ $itemClass }}"
                            >
                                <i class="{{ $link['icon'] }} w-5 text-center"></i>

                                <span class="ms-3 flex-1 text-left">
                                    {{ $link['label'] }}
                                </span>

                                <i class="fa-solid fa-chevron-down text-xs"></i>
                            </button>

                            {{-- Submenú --}}
                            <ul
                                id="{{ $submenuId }}"
                                class="{{ $isActive ? '' : 'hidden' }} space-y-1 py-2"
                            >
                                @foreach ($link['submenu'] as $submenu)
                                    <li>
                                        <a
                                            href="{{ $submenu['href'] }}"
                                            class="flex items-center rounded-lg py-2 pe-2 ps-10
                                                {{ ($submenu['active'] ?? false)
                                                    ? 'bg-gray-100 font-medium text-blue-600'
                                                    : 'text-gray-900 hover:bg-gray-100 hover:text-blue-600' }}"
                                        >
                                            @isset($submenu['icon'])
                                                <i class="{{ $submenu['icon'] }} me-3 w-4 text-center"></i>
                                            @endisset

                                            <span>{{ $submenu['label'] }}</span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>

                        @else

                            {{-- Enlace normal --}}
                            <a
                                href="{{ $link['href'] }}"
                                class="flex items-center rounded-lg px-2 py-1.5 {{ $itemClass }}"
                            >
                                <i class="{{ $link['icon'] }} w-5 text-center"></i>

                                <span class="ms-3">
                                    {{ $link['label'] }}
                                </span>
                            </a>

                        @endif
                    </li>
                @endforeach
            </ul>
    </div>
</aside>