@vite(['resources/js/app.js', 'resources/js/layout.js', 'resources/scss/config/default/app.scss', 'resources/css/app.css',  'resources/scss/config/default/bootstrap.scss'])

<!-- ========== Left Sidebar Start ========== -->
<div class="left-side-menu" id="side-menu">

    <!-- LOGO -->
    <div class="logo-box">
        <a href="{{ url('/') }}" class="logo logo-dark text-center">
            <span class="logo-sm">
                <img src="{{ asset('images/logo.png') }}" alt="logo" height="34">
            </span>
            <span class="logo-lg">
                <img src="{{ asset('images/logo-caja.svg') }}" alt="logo" height="50">
            </span>
        </a>

        <a href="{{ url('/') }}" class="logo logo-light text-center">
            <span class="logo-sm">
                <img src="{{ asset('images/logo-caja-blanca-sm.svg') }}" alt="logo" height="34">
            </span>
            <span class="logo-lg">
                <img src="{{ asset('images/logo-caja-blanca.svg') }}" alt="logo" height="50">
            </span>
        </a>
    </div>

    <div class="h-100" data-simplebar>
        <!-- Menú lateral -->
        <div id="sidebar-menu">
            <ul id="side-menu">
                <li class="menu-title">Web caja</li>

                <li class="mt-2">
                    <a href="{{ route('authorities.index') }}">
                        <i class="ri-user-star-line"></i>
                        <span> Autoridades </span>
                    </a>
                </li>

                <li>
                    <a href="#sidebarLaws" data-bs-toggle="collapse" aria-expanded="false"
                        aria-controls="sidebarLaws">
                        <i class="ri-scales-line"></i>
                        <span> Leyes </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse" id="sidebarLaws">
                        <ul class="nav-second-level">
                            <li>
                                <a href="{{ route('laws.index') }}">Listar leyes</a>
                            </li>
                            <li>
                                <a href="{{ route('laws.sortlist') }}">Ordenar leyes</a>
                            </li>

                        </ul>
                    </div>
                </li>

                <li>
                    <a href="#sidebarResolutions" data-bs-toggle="collapse" aria-expanded="false"
                        aria-controls="sidebarResolutions">
                        <i class="ri-file-list-3-line"></i>
                        <span> Resoluciones </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse" id="sidebarResolutions">
                        <ul class="nav-second-level">
                            <li>
                                <a href="{{ route('resolutions.index') }}">Listar resoluciones</a>
                            </li>
                            <li>
                                <a href="{{ route('resolutions.sortlist') }}">Ordenar resoluciones</a>
                            </li>

                        </ul>
                    </div>
                </li>

                <li>
                    <a href="#">
                        <i class="ri-folders-line"></i>
                        <span> Archivos / Documentos </span>
                    </a>
                </li>

                <li>
                    <a href="{{ route('attentionpoints.index') }}">
                        <i class="ri-road-map-line"></i>
                        <span> Puntos de Atención </span>
                    </a>
                </li>

                <!-- Submenú - Información -->
                <li>
                    <a href="#sidebarMultilevel" data-bs-toggle="collapse" aria-expanded="false"
                        aria-controls="sidebarMultilevel">
                        <i class="ri-message-2-line"></i>
                        <span> Información </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse" id="sidebarMultilevel">
                        <ul class="nav-second-level">
                            <li>
                                <a href="#">
                                    Publicación
                                </a>

                            </li>

                            <li>
                                <a href="{{ route('forms.index') }}">
                                    Formularios
                                </a>

                            </li>

                            <!-- Sección - Acordeón -->
                            <li>
                                <a href="#sidebarMultilevel2" data-bs-toggle="collapse" aria-expanded="false"
                                    aria-controls="sidebarMultilevel2">
                                    Acordeón <span class="menu-arrow"></span>
                                </a>
                                <div class="collapse" id="sidebarMultilevel2">
                                    <ul class="nav-second-level">
                                        <li>
                                            <a href="javascript: void(0);">Contenedor</a>
                                        </li>
                                        <li>
                                            <a href="javascript: void(0);">Items</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <!-- FINAL DE: Sección - Acordeón -->

                        </ul>
                    </div>
                </li>
                <!-- FINAL DE: Submenú - Información -->

                <li>
                    <a href="#sidebarSlides" data-bs-toggle="collapse" aria-expanded="false"
                        aria-controls="sidebarSlides">
                        <i class="ri-gallery-line"></i>
                        <span> Slides </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse" id="sidebarSlides">
                        <ul class="nav-second-level">
                            <li>
                                <a href="{{ route('slides.index') }}">Listar slides</a>
                            </li>
                            <li>
                                <a href="{{ route('slides.sortlist') }}">Ordenar slides</a>
                            </li>

                        </ul>
                    </div>
                </li>
                
                <li>
                    <a href="{{ route('modals.index') }}">
                        <i class="ri-window-2-line"></i>
                        <span>Modales</span>
                    </a>
                </li>

                <!-- Submenú - FAQs -->
                <li>
                    <a href="#sidebarPreguntas" data-bs-toggle="collapse" aria-expanded="false"
                        aria-controls="sidebarPreguntas">
                        <i class="ri-question-line"></i>
                        <span> Preguntas Frecuentes </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse" id="sidebarPreguntas">
                        <ul class="nav-second-level">
                            <li>
                                <a href="email-inbox.html">Publicaciones</a>
                            </li>
                            <li>
                                <a href="email-read.html">Ordenar</a>
                            </li>

                        </ul>
                    </div>
                </li>
                <!-- FINAL DE: Submenú - FAQs -->

                <!-- Submenú - Beneficios -->
                <li>
                    <a href="#sidebarBeneficios" data-bs-toggle="collapse" aria-expanded="false"
                        aria-controls="sidebarBeneficios">
                        <i class="ri-medal-line"></i>
                        <span> Beneficios </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse" id="sidebarBeneficios">
                        <ul class="nav-second-level">
                            <li>
                                <a href="#">
                                    Información
                                </a>

                            </li>

                            <!-- Sección - Beneficios -->
                            <li>
                                <a href="#sidebarBeneficios2" data-bs-toggle="collapse" aria-expanded="false"
                                    aria-controls="sidebarBeneficios2">
                                    Beneficios <span class="menu-arrow"></span>
                                </a>
                                <div class="collapse" id="sidebarBeneficios2">
                                    <ul class="nav-second-level">
                                        <li>
                                            <a href="javascript: void(0);">Publicar</a>
                                        </li>
                                        <li>
                                            <a href="javascript: void(0);">Ordenar</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <!-- FINAL DE: Sección - Beneficios -->
                        </ul>
                    </div>
                </li>
                <!-- FINAL DE: Submenú - Beneficios -->

                <!-- Submenú - CEDE -->
                <li>
                    <a href="#sidebarCede" data-bs-toggle="collapse" aria-expanded="false"
                        aria-controls="sidebarCede">
                        <i class=" ri-building-4-line"></i>
                        <span> CEDE </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse" id="sidebarCede">
                        <ul class="nav-second-level">
                            <li>
                                <a href="#">
                                    Info General
                                </a>

                            </li>

                            <li>
                                <a href="#">
                                    Informaciones
                                </a>

                            </li>

                            <!-- Sección - Atención -->
                            <li>
                                <a href="#sidebarCede2" data-bs-toggle="collapse" aria-expanded="false"
                                    aria-controls="sidebarCede2">
                                    Atención <span class="menu-arrow"></span>
                                </a>
                                <div class="collapse" id="sidebarCede2">
                                    <ul class="nav-second-level">
                                        <li>
                                            <a href="javascript: void(0);">Profesionales</a>
                                        </li>
                                        <li>
                                            <a href="javascript: void(0);">Horarios</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <!-- FINAL DE: Sección - Atención -->

                        </ul>
                    </div>
                </li>
                <!-- FINAL DE: Submenú - CEDE -->

                <li>
                    <a href="#">
                        <i class="ri-account-box-line"></i>
                        <span> Planes </span>
                    </a>
                </li>
                
                <!-- Submenú - Sección Prestadores -->
                <li>
                    <a href="#sidebarPrestadores" data-bs-toggle="collapse" aria-expanded="false"
                        aria-controls="sidebarPrestadores">
                        <i class="ri-service-line"></i>
                        <span> Sección Prestadores </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse" id="sidebarPrestadores">
                        <ul class="nav-second-level">
                            <li>
                                <a href="#">
                                    Tabla
                                </a>

                            </li>

                            <!-- Sección - Prestadores -->
                            <li>
                                <a href="#sidebarPrestadores2" data-bs-toggle="collapse" aria-expanded="false"
                                    aria-controls="sidebarPrestadores2">
                                    Prestadores <span class="menu-arrow"></span>
                                </a>
                                <div class="collapse" id="sidebarPrestadores2">
                                    <ul class="nav-second-level">
                                        <li>
                                            <a href="javascript: void(0);">Prestadores</a>
                                        </li>
                                        <li>
                                            <a href="javascript: void(0);">Especialidades</a>
                                        </li>
                                        <li>
                                            <a href="javascript: void(0);">Grupo de Prácticas</a>
                                        </li>
                                        <li>
                                            <a href="javascript: void(0);">Prácticas</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <!-- FINAL DE: Sección - Prestadores -->
                        </ul>
                    </div>
                </li>
                <!-- FINAL DE: Submenú - Sección Prestadores -->

                <li>
                    <a href="#">
                        <i class=" ri-refund-2-line"></i>
                        <span>Simulador de préstamos</span>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <i class="ri-bar-chart-2-line"></i>
                        <span>Encuestas</span>
                    </a>
                </li>

                <!-- Submenú - Newsletter -->
                <li>
                    <a href="#sidebarNews" data-bs-toggle="collapse" aria-expanded="false"
                        aria-controls="sidebarNews">
                        <i class="ri-mail-line"></i>
                        <span>Newsletter</span>
                        <span class="menu-arrow"></span>
                    </a>
                    <div class="collapse" id="sidebarNews">
                        <ul class="nav-second-level">
                            <li>
                                <a href="#">News General</a>
                            </li>
                            <li>
                                <a href="#">Noticia</a>
                            </li>

                        </ul>
                    </div>
                </li>
                <!-- FINAL DE: Submenú - Newsletter -->

                <li>
                    <a href="#">
                        <i class="ri-at-line"></i>
                        <span>Contacto</span>
                    </a>
                </li>

                <!-- Submenú ??? - Usuarios ??? -->
                <li>
                    <a href="#sidebarUsuarios" data-bs-toggle="collapse" aria-expanded="false" aria-controls="sidebarUsuarios" class="waves-effect">
                        <i class="ri-group-line"></i>
                        <span> Usuario Admin </span>
                    </a>
                    <div class="collapse" id="sidebarUsuarios">
                        <ul class="nav-second-level">
                            <li>
                                <a href="{{ route('user.index') }}" class="{{ request()->routeIs('user.index') ? 'active' : '' }}">
                                    {{ __('Usuarios') }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- FINAL DE: Submenú ??? - Usuarios ??? -->
            </ul>
        </div>
        <!-- FINAL DE: Menú lateral -->
    </div>
    <!-- Sidebar -left -->
</div>
<!-- Left Sidebar End -->