<div id="sidebar-menu">
    <ul id="side-menu">
        @if(!empty($sidebarPermisos))
            @foreach($sidebarPermisos as $idPadre => $permiso)
                <li>
                    @php
                        $tieneHijas = !empty($permiso['hijas']);
                    @endphp

                    @if(!$permiso['OpcionEjecutable'] || $tieneHijas)
                        {{-- Permiso padre no ejecutable o con hijos --}}
                        <a href="#opcion-{{ $idPadre }}" data-toggle="collapse">
                            <i data-feather="{{ $permiso['Icono'] ?? 'circle' }}"></i>
                            <span>{{ $permiso['Descrip'] }}</span>
                            <span class="menu-arrow"></span>
                        </a>
                    @else
                        {{-- Permiso ejecutable sin hijos --}}
                        <a href="{{ route($permiso['ArchVinculacion']) }}" target="{{ $permiso['target'] }}">
                            <i data-feather="{{ $permiso['Icono'] ?? 'circle' }}"></i>
                            <span>{{ $permiso['Descrip'] }}</span>
                        </a>
                    @endif

                    @if($tieneHijas)
                        <div class="collapse" id="opcion-{{ $idPadre }}">
                            <ul class="nav-second-level">
                                @foreach($permiso['hijas'] as $hija)
                                    @if($hija['OpcionEjecutable'])
                                        @if($hija['target'] == '_blank')
                                            <li>
                                                <a href="{{ url($hija['ArchVinculacion']) }}" target="{{ $hija['target'] }}">{{ $hija['Descrip'] }}</a>
                                            </li>
                                        @else
                                            <li>
                                                <a href="{{ route($hija['ArchVinculacion']) }}" target="{{ $hija['target'] }}">{{ $hija['Descrip'] }}</a>
                                            </li>
                                        @endif
                                    @endif
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </li>
            @endforeach

            <li>
                <a href="{{ route('logout') }}">
                    <i data-feather="log-out"></i>
                    <span>Cerrar sesion</span>
                </a>
            </li>

        @else
            <li>No tiene permisos asignados.</li>
        @endif
    </ul>
</div>
<div class="clearfix"></div>
