{% block left_nav %}

  <div id="sidenav" class="sidenav mb-5">
        <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
        <a href="{{ path('app_logout') }}">Déconnexion</a>
        <a class="nav-link scrollto active" href="{{path('admin')}}"><i class="index fa-solid fa-home"></i>Dashboard</a>
        <h4 class="index">Admin</h4>
        
        <a class="nav-link scrollto" href="{{path('admin_reservation')}}">
              <i class="index fa-regular fa-calendar-plus"></i>Demandes de résa</a>
        <a class="nav-link scrollto" href="{{path('admin_calendar')}}">
              <i class="index fa-solid fa-calendar-days"></i>Calendrier</a>
              <a class="nav-link scrollto" href="{{path('admin_cal_index')}}">
              <i class="index fa-solid fa-calendar-check"></i>Réservations</a>
              <h4 class="index">Site Web</h4>
        <a class="nav-link scrollto " href="{{path('admin_section')}}">
              <i class="index fa-solid fa-sliders"></i>Sections</a>
        <a class="nav-link scrollto " href="{{path('admin_hero')}}"><i
                    class="index fa-solid fa-signs-post"></i>Bannières</a>
        <a class="nav-link scrollto" href="{{path('admin_company')}}"><i class="index fa-solid fa-circle-info"></i>À
              propos et contact</a>
        <a class="nav-link scrollto" href="{{path('admin_category')}}"><i
                    class="index fa-solid fa-list"></i>Catégories</a>
        <a class="nav-link scrollto" href="{{path('admin_category_image')}}"><i
                    class="index fa-sharp fa-solid fa-images"></i>Images des catégories</a>
        <a class="nav-link scrollto" href="{{path('admin_category_text')}}"><i
                    class="index fa-regular fa-file-lines"></i>Textes des catégories</a>
        <a class="nav-link scrollto" href="{{path('admin_package')}}">
              <i class="index fa-solid fa-money-check-dollar"></i>Tarifs</a>
        <a class="nav-link scrollto" href="{{path('admin_cta')}}"><i
                    class="index fa-solid fa-rectangle-ad"></i>Bandeau</a>
        <a class="nav-link scrollto" href="{{path('admin_team')}}"><i
                    class="index fa-solid fa-people-group"></i>Équipe</a>
        <a class="nav-link scrollto" href="{{path('admin_team_image')}}"><i
                    class="index fa-solid fa-image-portrait"></i>Images de l'équipe</a>
        <a class="nav-link scrollto" href="{{path('admin_qandA')}}"><i
                    class="index fa-regular fa-circle-question"></i>FAQ</a>
        <a class="nav-link scrollto" href="{{path('admin_discipline')}}">
              <i class="index fa-brands fa-hubspot"></i>Disciplines</a>

  </div>

  {% endblock %}

  {% block javascripts %}
  <script>
        /* Set the width of the side navigation to 250px and the left margin of the page content to 250px */
        function openNav() {
              document.getElementById("sidenav").style.width = "250px";
              document.getElementById("admin_main").style.marginLeft = "250px";
        }
        /* Set the width of the side navigation to 0 and the left margin of the page content to 0 */
        function closeNav() {
              document.getElementById("sidenav").style.width = "0";
              document.getElementById("admin_main").style.marginLeft = "0";
        }
  </script>
  {% endblock %}