@foreach($menus as $nombreCategoria => $menusCategoria)
@if(!empty($menusCategoria))
@if($nombreCategoria === 'Principales')
{{-- Menús sueltos (sin categoría) como Dashboard --}}
@foreach($menusCategoria as $menu)
<li class="nav-item{{ $activePage == $menu->active_page ? ' active' : '' }}">
    <a class="nav-link" href="{{ url($menu->url) }}">
        <i class="material-icons">{{ config("menu-icons.menus.{$modulo}.{$menu->nombre_largo}", 'list') }}</i>
        <p>{{ $menu->nombre_largo }}</p>
    </a>
</li>
@endforeach
@else
{{-- Menús con categoría (con dropdown) --}}
<li class="nav-item {{ $menuParent == strtolower($nombreCategoria) ? 'active' : '' }}">
    <a class="nav-link" data-toggle="collapse" href="#{{ strtolower($nombreCategoria) }}"
        {{ $menuParent == strtolower($nombreCategoria) ? 'aria-expanded="true"' : '' }}>
        <i class="material-icons">{{ config("menu-icons.iconos.{$nombreCategoria}", 'list') }}</i>
        <p> {{ __($nombreCategoria) }}
            <b class="caret"></b>
        </p>
    </a>
    <div class="collapse{{ $menuParent == strtolower($nombreCategoria) ? ' show' : '' }}"
        id="{{ strtolower($nombreCategoria) }}">
        <ul class="nav">
            @foreach($menusCategoria as $menu)
            <li class="nav-item{{ $activePage == $menu->active_page ? ' active' : '' }}">
                <a class="nav-link" href="{{ url($menu->url) }}">
                    <span class="sidebar-mini"> {{ $menu->nombre_corto }} </span>
                    <span class="sidebar-normal"> {{ $menu->nombre_largo }} </span>
                </a>
            </li>
            @endforeach
        </ul>
    </div>
</li>
@endif
@endif
@endforeach
@if($showConfiguracion)
@include('layouts.navbars.navs.sidebars.includes.buttonConfiguracionGeneralComponent')
@endif