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

        [
            'header' => 'Gestión empresarial',
        ],

        [            
                'href' => route('empresa.empresas.index'),
                'icon' => 'fa-solid fa-building',
                'label' => 'Mis Empresas',
                'active' => request()->routeIs('empresa.empresas.*'),            
        ],
        

        [
            'icon' => 'fa-solid fa-users',
            'label' => 'Trabajadores',
            'active' => request()->routeIs('empresa.trabajadores.*'),

            'submenu' => [
                [
                    'href' => route('empresa.trabajadores.index'),
                    'icon' => 'fa-solid fa-list',
                    'label' => 'Lista de trabajadores',
                    'active' => request()->routeIs(
                        'empresa.trabajadores.index'
                    ),
                ],
            ],
        ],

        [
            'href' => route('empresa.programaciones.index'),
            'icon' => 'fa-solid fa-calendar-days',
            'label' => 'Programaciones',
            'active' => request()->routeIs('empresa.programaciones.*'),
        ],
    ];
@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>