

    <ul class="navbar-nav bg-primary sidebar sidebar-dark accordion" id="accordionSidebar">
        <!-- Sidebar - Brand -->
        <a class="sidebar-brand d-flex align-items-center justify-content-center" href="">
            <div class="sidebar-brand-icon">
        <img src="https://alumnos.sistemasecuiep.com/logo.png" alt="SECUIEP Logo" style="width: 100px; height: auto;">
    </div>
        </a>
        <!-- Divider -->
        <hr class="sidebar-divider my-0">

        <!-- Nav Item - Dashboard -->
        <li class="nav-item active">
            <a class="nav-link" href="{{ route('dashboard') }}">
                <i class="fas fa-fw fa-tachometer-alt"></i>
                <span>Inicio</span></a>
        </li>
        <!-- Divider -->
        <hr class="sidebar-divider">

        <!-- Social -->
        <li class="nav-item">
            <a class="nav-link" href="{{ route('feed') }}">
                <i class="fas fa-fw fa-stream"></i>
                <span>Comunidad</span>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="{{ route('friendships.index') }}">
                <i class="fas fa-fw fa-user-friends"></i>
                <span>Amigos</span>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="{{ route('chat.index') }}">
                <i class="fas fa-fw fa-comment-dots"></i>
                <span>Mensajes</span>
            </a>
        </li>

        <!-- Divider -->
        <hr class="sidebar-divider">
        <!-- Heading -->
        <div class="sidebar-heading" style="color:white">Modulos</div>

        @hasrole('Admin')
        <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#Administrador"
                aria-expanded="true" aria-controls="Administrador">
                <i class="fas fa-star" style="color:rgb(255, 153, 0);"></i>
                <span>Administrador</span>
            </a>
            <div id="Administrador" class="collapse" aria-labelledby="headingUtilities"
                data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <h6 class="collapse-header">Herramientas:</h6>

                        @can('plantel.index')
                            <a class="collapse-item" href="{{ route('plantel.index') }}" style="color:#85888e">Planteles</a>
                        @endcan

                        @can('carrera.index')
                            <a class="collapse-item" href="{{ route('carrera.index') }}" style="color:#85888e">Carreras</a>
                        @endcan

                        @can('duration.index')
                            <a class="collapse-item" href="{{ route('duration.index') }}" style="color:#85888e">Duraciones</a>
                        @endcan

                        @can('plan.index')
                            <a class="collapse-item" href="{{ route('plan.index') }}" style="color:#85888e">Planes de estudio</a>
                        @endcan

                        @can('nivel.index')
                            <a class="collapse-item" href="{{ route('nivel.index') }}" style="color:#85888e">Niveles</a>
                        @endcan

                        @can('documentoTipo.index')
                            <a class="collapse-item" href="{{ route('documentoTipo.index') }}" style="color:#85888e">Documentación</a>
                        @endcan

                        @can('permission.index')
                            <a class="collapse-item" href="{{ route('permission.index') }}" style="color:#85888e">Permisos</a>
                        @endcan

                        @can('role.index')
                            <a class="collapse-item" href="{{ route('role.index') }}" style="color:#85888e">Roles</a>
                        @endcan

                        @can('user.index')
                            <a class="collapse-item" href="{{ route('user.index') }}" style="color:#85888e">Usuarios</a>
                        @endcan

                        @can('area.index')
                            <a class="collapse-item" href="{{ route('area.index') }}" style="color:#85888e">Areas</a>
                        @endcan

                        @can('campan.index')
                            <a class="collapse-item" href="{{ route('campan.index') }}" style="color:#85888e">Campañas</a>
                        @endcan

                        @can('turno.index')
                            <a class="collapse-item" href="{{ route('turno.index') }}" style="color:#85888e">Turnos</a>
                        @endcan

                        @can('medio.index')
                            <a class="collapse-item" href="{{ route('medio.index') }}" style="color:#85888e">Medios de contacto</a>
                        @endcan

                        @can('plane.index')
                            <a class="collapse-item" href="{{ route('plane.index') }}" style="color:#85888e">Planes de pago</a>
                        @endcan

                        @can('concepto.index')
                            <a class="collapse-item" href="{{ route('concepto.index') }}" style="color:#85888e">Conceptos</a>
                        @endcan

                        @can('mail.index')
                            <a class="collapse-item" href="{{ route('mail.index') }}" style="color:#85888e">Mail</a>
                        @endcan

                        @can('areacode.index')
                            <a class="collapse-item" href="{{ route('areacode.index') }}" style="color:#85888e">Códigos QR</a>
                        @endcan

                        @can('horario.index')
                            <a class="collapse-item" href="{{ route('horario.index') }}" style="color:#85888e">Horarios</a>
                        @endcan
                </div>
            </div>
        </li>
        @endrole

        @hasrole('Promotor')
        <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#Promocion"
                aria-expanded="true" aria-controls="Promocion">
                <i class="fas fa-fw fa-bullhorn" style="color: #e8e8e8;"></i>
                <span>Promoción</span>
            </a>
            <div id="Promocion" class="collapse" aria-labelledby="Promocion" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <h6 class="collapse-header">Herramientas</h6>

                    @can('alumno.index')
                    <a class="collapse-item" href="{{ route('alumno.index') }}" style="color:#85888e">Prospectos</a>
                    @endcan
                    <a class="collapse-item" href="difusion.php" style="color:#85888e">Difusión</a>
                    <a class="collapse-item" href="informes.php" style="color:#85888e">Informes</a>
                    <a class="collapse-item" href="referencias.php" style="color:#85888e">Referencias</a>
                </div>
            </div>
        </li>
        @endrole

        @hasrole('Control escolar')
        <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#ControlEscolar"
                aria-expanded="true" aria-controls="ControlEscolar">
                <i class="fas fa-fw fa-bullhorn" style="color: #e8e8e8;"></i>
                <span>Control Escolar</span>
            </a>
            <div id="ControlEscolar" class="collapse" aria-labelledby="ControlEscolar" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <h6 class="collapse-header">Herramientas</h6>

                    @can('alumno.index')
                    <a class="collapse-item" href="{{ route('alumno.index') }}" style="color:#85888e">Alumnos</a>
                    @endcan

                    @can('grupo.index')
                    <a class="collapse-item" href="{{ route('grupo.index') }}" style="color:#85888e">Grupos</a>
                    @endcan
                </div>
            </div>
        </li>
        @endrole

        @hasrole('Coordinación académica')
        <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#CoordinacionAcademica"
                aria-expanded="true" aria-controls="CoordinacionAcademica">
                <i class="fas fa-fw fa-bullhorn" style="color: #e8e8e8;"></i>
                <span>Coordinación académica</span>
            </a>
            <div id="CoordinacionAcademica" class="collapse" aria-labelledby="CoordinacionAcademica" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <h6 class="collapse-header">Herramientas</h6>

                    @can('docente.index')
                    <a class="collapse-item" href="{{ route('docente.index') }}" style="color:#85888e">Docentes</a>
                    @endcan

                    @can('grupo.index')
                    <a class="collapse-item" href="{{ route('grupo.index') }}" style="color:#85888e">Grupos</a>
                    @endcan
                </div>
            </div>
        </li>
        @endrole

        @hasrole(['Alumno'])

        @can('pago.index')
            <li class="nav-item">
            <a class="nav-link" href="{{ route('pago.index') }}">
            <i class="fas fa-money-bill-alt" style="color: #e8e8e8;"></i>
                <span>Mis pagos</span></a>
        </li>
        @endcan


        @endrole


        <!-- Divider -->
        <hr class="sidebar-divider">
        <!-- Heading -->
        <div class="sidebar-heading" style="color:white">Adicionales</div>

        <li class="nav-item">
            <a class="nav-link" href="{{ route('chat.index') }}">
            <i class="fas fa-fw fa-comments" style="color: #e8e8e8;"></i>
                <span>Chats</span></a>
        </li>


    @can('asistencia')
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseUtilities"
            aria-expanded="true" aria-controls="collapseUtilities">
            <i class="fas fa-id-badge" style="color: #e8e8e8;"></i>
            <span>Asistencia</span>
        </a>
        <div id="collapseUtilities" class="collapse" aria-labelledby="headingUtilities"
            data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Herramientas:</h6>
                <a class="collapse-item" href="{{ route('code.index') }}" style="color:gray">Escanear</a>
                <a class="collapse-item" href="{{ route('registros') }}" style="color:gray">Registros</a>
            </div>
        </div>
    </li>
    @endcan



        <!-- Nav Item - notes -->
        @can('note.index')
            <li class="nav-item">
                    <a class="nav-link" href="{{route('note.index')}}">
                    <i class="fas fa-fw fa-sticky-note" style="color: #e8e8e8;"></i>
                        <span>Notas</span></a>
                </li>
        @endcan

        <!-- Sidebar Toggler (Sidebar) -->
        <div class="text-center d-none d-md-inline">
            <button class="rounded-circle border-0" id="sidebarToggle"></button>
        </div>
    </ul>
