Template dashboard

Template dashboard.php

{% extends 'base.html.twig' %}

{% block title %}Sistema de Gestion de Socorristas{% endblock %}

{% block body %}
    <link href="https://cdn.jsdelivr.net/npm/simple-datatables@latest/dist/style.css" rel="stylesheet"/>
    <link href="/assets/css/styles.css" rel="stylesheet"/>
    <script>
        var body = document.body;
        body.classList.add("sb-nav-fixed");
    </script>
    <nav class="sb-topnav navbar navbar-expand navbar-light bg-light">
        <!-- Navbar Brand-->
        <img src="assets/img/tecnicas_short.png" alt="" class="ms-3 me-3"
             style="width: 194px; height:36px; padding: 2px">
        <!--<a class="navbar-brand ps-3" href="index.html">Start Bootstrap</a> -->

        <!-- Sidebar Toggle-->
        <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0 text-rc-wine" id="sidebarToggle" href="#!"><i
                    class="fas fa-bars"></i></button>
        <!-- Navbar Search-->
        <!--
        <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
           <div class="input-group">
               <input class="form-control" type="text" placeholder="Search for..." aria-label="Search for..."
                      aria-describedby="btnNavbarSearch"/>
               <button class="btn btn-primary" id="btnNavbarSearch" type="button"><i class="fas fa-search"></i>
               </button>
           </div>
        </form>
       -->
        <!-- Navbar-->
        <ul class="navbar-nav ms-auto me-3 me-lg-4 ml-auto">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle " id="navbarDropdown" href="#" role="button"
                   data-bs-toggle="dropdown"
                   aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
                    <li><a class="dropdown-item" href="/under_construction">Ver Perfil</a></li>
                    <li><a class="dropdown-item" href="/under_construction">Actualizar Información</a></li>
                    <li><a class="dropdown-item" href="/under_construction">Certificación (Antigua)</a></li>
                    <li><a class="dropdown-item" href="/under_construction">Solicitar Corrección de Datos</a></li>
                    <li>
                        <hr class="dropdown-divider"/>
                    </li>
                    <li><a class="dropdown-item" href="/under_construction">Cambio de Contraseña</a></li>
                    <li><a class="dropdown-item" href="/under_construction">Configuracion</a></li>
                    <li><a class="dropdown-item" href="/logout">Cerrar Sesion</a></li>
                </ul>
            </li>
        </ul>
    </nav>
    <div id="layoutSidenav">
        <div id="layoutSidenav_nav">
            <nav class="sb-sidenav accordion sb-sidenav-light" id="sidenavAccordion">
                <div class="sb-sidenav-menu">
                    <div class="nav">
                        <div class="sb-sidenav-menu-heading mt-1 mb-1 pt-1 pb-1 text-rc-gold">Eventos</div>
                        <a class="nav-link mt-1 mb-1 pt-1 pb-1 collapsed text-rc-wine" href="#"
                           data-bs-toggle="collapse"
                           data-bs-target="#collapseEventos" aria-expanded="false"
                           aria-controls="collapseEventos">
                            <div class="sb-nav-link-icon text-rc-wine"><i class="fas fa-building"></i></i></div>
                            Calendario
                            <div class="sb-sidenav-collapse-arrow text-rc-wine"><i class="fas fa-angle-down"></i></div>
                        </a>
                        <div class="collapse" id="collapseEventos" aria-labelledby="headingOne"
                             data-bs-parent="#sidenavAccordion">
                            <nav class="sb-sidenav-menu-nested nav">
                                <a class="nav-link mt-1 mb-1 pt-1 pb-1 text-rc-red"
                                   href="/under_construction">Lista de Eventos</a>
                                <a class="nav-link mt-1 mb-1 pt-1 pb-1 text-rc-red" href="/under_construction">Nuevo
                                    Evento</a>
                                <a class="nav-link mt-1 mb-1 pt-1 pb-1 text-rc-red" href="/under_construction">Registrar
                                    Nuevo
                                    Evento</a>
                                <a class="nav-link mt-1 mb-1 pt-1 pb-1 text-rc-red" href="/under_construction">Registrar
                                    Asistir/Cancelar Asistencia a Evento</a>
                            </nav>
                        </div>


                        <div class="sb-sidenav-menu-heading mt-1 mb-1 pt-1 pb-1 text-rc-gold">Socorristas</div>
                        <a class="nav-link mt-1 mb-1 pt-1 pb-1 collapsed text-rc-wine" href="#"
                           data-bs-toggle="collapse"
                           data-bs-target="#collapseAdministrar" aria-expanded="false"
                           aria-controls="collapseAdministrar">
                            <div class="sb-nav-link-icon text-rc-wine"><i class="fas fa-building"></i></i></div>
                            Administrar
                            <div class="sb-sidenav-collapse-arrow text-rc-wine"><i class="fas fa-angle-down"></i></div>
                        </a>
                        <div class="collapse" id="collapseAdministrar" aria-labelledby="headingOne"
                             data-bs-parent="#sidenavAccordion">
                            <nav class="sb-sidenav-menu-nested nav">
                                <a class="nav-link mt-1 mb-1 pt-1 pb-1 text-rc-red" href="/under_construction">Registrar
                                    Nuevo
                                    Socorrista</a>
                                <a class="nav-link mt-1 mb-1 pt-1 pb-1 text-rc-red" href="/under_construction">Registrar
                                    Validar Perfil del
                                    Socorrista</a>

                            </nav>
                        </div>
                        {% if is_granted('ROLE_ADMIN') %}

                            <div class="sb-sidenav-menu-heading mt-1 mb-1 pt-1 pb-1 text-rc-gold">Sistema</div>
                            <a class="nav-link mt-1 mb-1 pt-1 pb-1 collapsed text-rc-wine" href="#"
                               data-bs-toggle="collapse"
                               data-bs-target="#collapseSistema" aria-expanded="false" aria-controls="collapseSistema">
                                <div class="sb-nav-link-icon text-rc-wine"><i class="fas fa-cogs"></i></div>
                                Mantenimientos
                                <div class="sb-sidenav-collapse-arrow text-rc-wine"><i class="fas fa-angle-down"></i>
                                </div>
                            </a>
                            <div class="collapse" id="collapseSistema" aria-labelledby="headingOne"
                                 data-bs-parent="#sidenavAccordion">
                                <nav class="sb-sidenav-menu-nested nav">
                                    <a class="nav-link mt-1 mb-1 pt-1 pb-1 text-rc-red" href="/under_construction">Registtrar
                                        Base</a>
                                    <a class="nav-link mt-1 mb-1 pt-1 pb-1 text-rc-red" href="/under_construction">Registtro
                                        de Grados
                                    </a>
                                    <a class="nav-link mt-1 mb-1 pt-1 pb-1 text-rc-red" href="/under_construction">Registtro
                                        de Cargos
                                    </a>
                                    <a class="nav-link mt-1 mb-1 pt-1 pb-1 text-rc-red" href="/under_construction">Ordenamiento
                                        de Cargos y Grados
                                    </a>
                                </nav>
                            </div>
                        {% endif %}

                    </div>
                </div>
                <div class="sb-sidenav-footer">
                    <div class="small">Conectado como:</div>
                    Soc. Clase II. Walter Nuñez (Ing.)
                </div>
            </nav>
        </div>
        <div id="layoutSidenav_content">

        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/simple-datatables@latest" crossorigin="anonymous"></script>
    <script src="/assets/js/scripts.js"></script>
    <!--
    <script src="/assets/demo/chart-area-demo.js"></script>
    <script src="/assets/demo/chart-bar-demo.js"></script>
    <script src="/assets/js/datatables-simple-demo.js"></script>
    -->
{% endblock %}