templates/_header.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}Welcome!{% endblock %}</title>
  6.         {% block stylesheets %}{{ encore_entry_link_tags('app') }}{% endblock %}
  7.         <link rel="icon" type="image/x-icon" href="/flexenergie/public/icone.ico">
  9.         <script src="https://kit.fontawesome.com/f785a57bb7.js" crossorigin="anonymous"></script>
  10.         
  11.         <script>
  12.             document.addEventListener('DOMContentLoaded', () => {
  13.                 const sidebar = document.getElementById('sidebar');
  14.                 const toggleBtn = document.getElementById('toggleSidebar');
  15.                 const icon = toggleBtn.querySelector('i');
  17.                 toggleBtn.addEventListener('click', () => {
  18.                     sidebar.classList.toggle('expanded');
  19.                     icon.classList.toggle('fa-bars');
  20.                     icon.classList.toggle('fa-xmark');
  21.                 });
  22.             });
  23.         </script>
  25.     </head>
  26.         
  27.         <main>
  28.             <div class="layout">
  29.                 <div id="sidebar" class="sidebar-collapsed text-white" style="background: linear-gradient(to bottom, #006288, #3A4B92);">
  30.                     
  31.                     <div class="toggle-container">
  32.                         <button id="toggleSidebar" class="btn btn-sm btn-light">
  33.                             <i class="fa-solid fa-bars"></i>
  34.                         </button>
  35.                     </div>
  36.                     
  37.                     <a href="{{ path('app_home') }}" class="d-flex align-items-center mt-3 mb-3 mb-md-0 me-md-auto text-white text-decoration-none sidebar-toggle-hide">
  38.                         <img src="/le-logo-plus-vert.png" alt="logo" class="logo-fluid"><span class="fs-4"></span>
  39.                     </a>
  40.                     
  41.                     <hr class="sidebar-toggle-hide">
  42.                     {% if app.user %}
  43.                         <ul class="nav nav-pills flex-column mb-auto">
  44.                             <li class="nav-item">
  45.                                 <div class="nav-link text-white sidebar-toggle-hide">Bonjour {{ app.user.username }}</div>
  46.                             </li>
  47.                             <li class="nav-item">
  48.                                 <a href="{{ path('app_logout') }}" class="nav-link text-white sidebar-toggle-hide">Se déconnecter</a>
  49.                             </li>
  50.                         </ul>
  51.                     {% else %}
  52.                         <ul class="nav nav-pills flex-column mb-auto">
  53.                             <li class="nav-item">
  54.                                 <a href="{{ url('org_login') }}" class="nav-link text-white" aria-current="page">Se connecter</a>
  55.                             </li>
  56.                             <li class="nav-item">
  57.                                 <a href="{{ url('app_register') }}" class="nav-link text-white" aria-current="page">S'inscrire</a>
  58.                             </li>
  59.                         </ul>
  60.                     {% endif %}
  61.                     <hr class="sidebar-toggle-hide">
  62.                     <ul class="nav nav-pills flex-column mb-auto">
  63.                         <li class="nav-item">
  64.                             <a  href="{{ path('app_site') }}" class="nav-link text-white d-flex align-items-center" aria-current="page">
  65.                                 <i class="fa-solid fa-house fa-xl"></i> 
  66.                                 <span class="sidebar-toggle-hide">Accueil</span>
  67.                             </a>
  68.                         </li>
  69.                     {% if app.user %}
  70.                         {% if app.user.hasRole('ROLE_TEAM') or app.user.hasRole('ROLE_ADMIN') %}
  71.                             <li class="nav-item">
  72.                                 <a href="{{ path('app_entreprise') }}" class="nav-link text-white d-flex align-items-center">
  73.                                     <i class="fa-regular fa-building fa-xl"></i> 
  74.                                     <span class="sidebar-toggle-hide">Entreprises</span>
  75.                                 </a>
  76.                             </li>
  77.                             <li class="nav-item">
  78.                                 <a href="{{ path('app_rappel_list') }}" class="nav-link text-white d-flex align-items-center">
  79.                                     <i class="fa-regular fa-bell fa-xl"></i> 
  80.                                     <span class="sidebar-toggle-hide">Rappels</span>
  81.                                 </a>
  82.                             </li>
  83.                             {# <li class="nav-item">
  84.                                 <a href="{{ path('app_requetes') }}" class="nav-link text-white d-flex align-items-center">
  85.                                     Requêtes</a>
  86.                             </li> #}
  87.                             <li class="nav-item">
  88.                                 <a href="{{ path('app_document') }}" class="nav-link text-white d-flex align-items-center">
  89.                                     <i class="fa-solid fa-paperclip fa-xl"></i> 
  90.                                     <span class="sidebar-toggle-hide">Générer document</span>
  91.                                 </a>
  92.                             </li>
  93.                             <li class="nav-item">
  94.                                 <a href="{{ path('app_storage') }}" class="nav-link text-white d-flex align-items-center">
  95.                                     <i class="fa-regular fa-folder fa-xl"></i> 
  96.                                     <span class="sidebar-toggle-hide">Stockage NAS</span>
  97.                                 </a>
  98.                             </li>
  100.                             <li class="nav-item">
  101.                                 <a href="{{ path('app_contrat_particulier_index') }}" class="nav-link text-white d-flex align-items-center">
  102.                                     <i class="fa-solid fa-file fa-xl"></i> 
  103.                                     <span class="sidebar-toggle-hide">Contrats Particuliers</span>
  104.                                 </a>
  105.                             </li>
  106.                         {% endif %}
  107.                         {% if app.user.hasRole('ROLE_COMPTA') or app.user.hasRole('ROLE_ADMIN') %}
  108.                             <hr class="sidebar-toggle-hide"> 
  109.                             <li class="nav-item">
  110.                                 <a href="{{ path('app_compta') }}" class="nav-link text-white d-flex align-items-center">
  111.                                     <i class="fa-solid fa-chart-simple fa-xl"></i> 
  112.                                     <span class="sidebar-toggle-hide">Comptabilité</span>
  113.                                 </a>
  114.                             </li>
  115.                             <li class="nav-item">
  116.                                 <a href="{{ path('app_entreprise_associate_user') }}" class="nav-link text-white d-flex align-items-center">
  117.                                     <i class="fa-solid fa-user-plus fa-xl"></i> 
  118.                                     <span class="sidebar-toggle-hide">Associer utilisateur</span>
  119.                                 </a>
  120.                             </li>
  121.                         {% endif %}
  122.                         {% if app.user.hasRole('ROLE_ADMIN') %}
  123.                             <hr class="sidebar-toggle-hide">
  124.                             <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mb-1 text-white">
  125.                                 <span class="sidebar-toggle-hide"><u>Administration</u></span>
  126.                             </h6>
  127.                             <li class="nav-item">
  128.                                 <a href="{{ path('app_roles') }}" class="nav-link text-white sidebar-toggle-hide">Gestion des rôles</a>
  129.                             </li>
  130.                             <li class="nav-item">
  131.                                 <a href="{{ path('app_roles_attribution') }}" class="nav-link text-white sidebar-toggle-hide">Gestion des utilisateurs</a>
  132.                             </li>
  133.                         {% endif %}
  134.                     {% endif %}
  135.                     </ul>
  136.                 </div>
  137.                 
  138.                 <section id="mainContent">