

<div class="sidebar  bg-primary" id="sidebar">
    <!-- Sidebar -->
    <ul class="navbar-nav  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://1000marcas.net/wp-content/uploads/2020/03/logo-Xbox.png" alt="SECUIEP Logo" style="width: 40px; height: auto;">
    </div>
            <div class="sidebar-brand-text mx-3">SECUIEP</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>Dashboard</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('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
                </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('prospecto.index')
                    <a class="collapse-item" href="{{ route('prospecto.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(['Prospecto','Alumno'])
        <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>
        @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="chats.php">
            <i class="fas fa-fw fa-comments" style="color: #e8e8e8;"></i>
                <span>Chats</span></a>
        </li> --}}


    @can('code.index')
    <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('code.show') }}" 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>
</div>
