$links = [
    [
        'href' => route('ocupacional.dashboard'),
        'icon' => 'fa-solid fa-gauge',
        'label' => 'Panel principal',
        'active' => request()->routeIs('ocupacional.dashboard'),
    ],
    [
        'header' => 'Evaluaciones médicas',
    ],
    [
        'href' => '#',
        'icon' => 'fa-solid fa-stethoscope',
        'label' => 'Evaluaciones pendientes',
        'active' => false,
    ],
    [
        'href' => '#',
        'icon' => 'fa-solid fa-file-medical',
        'label' => 'Resultados',
        'active' => false,
    ],
];

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

        <a
            href="{{ route('empresa.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-xl font-semibold text-gray-900">
                Programaciones
            </span>
        </a>

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

                @if (isset($link['header']))
                    <li class="px-2 pb-1 pt-4">
                        <span
                            class="text-xs 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)
                        <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>

                        <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' }}"
                                    >
                                        <i
                                            class="{{ $submenu['icon'] }}
                                                   me-3 w-4 text-center"
                                        ></i>

                                        <span>
                                            {{ $submenu['label'] }}
                                        </span>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <a
                            href="{{ $link['href'] }}"
                            class="flex items-center rounded-lg
                                   px-2 py-2 {{ $itemClass }}"
                        >
                            <i
                                class="{{ $link['icon'] }}
                                       w-5 text-center"
                            ></i>

                            <span class="ms-3">
                                {{ $link['label'] }}
                            </span>
                        </a>
                    @endif
                </li>
            @endforeach
        </ul>
    </div>
</aside>