templates/_layout/header.html.twig line 1

  1. <head>
  2. <base href="../"/>
  3.         <title>Keen - Multi-demo Bootstrap 5 HTML Admin Dashboard Template by Keenthemes</title>
  4.         <meta charset="utf-8" />
  5.         <meta name="description" content="The most advanced Bootstrap Admin Theme on Bootstrap Market trusted by over 4,000 beginners and professionals. Multi-demo, Dark Mode, RTL support. Grab your copy now and get life-time updates for free." />
  6.         <meta name="keywords" content="keen, bootstrap, bootstrap 5, bootstrap 4, admin themes, web design, figma, web development, free templates, free admin themes, bootstrap theme, bootstrap template, bootstrap dashboard, bootstrap dak mode, bootstrap button, bootstrap datepicker, bootstrap timepicker, fullcalendar, datatables, flaticon" />
  7.         <meta name="viewport" content="width=device-width, initial-scale=1" />
  8.         <meta property="og:locale" content="en_US" />
  9.         <meta property="og:type" content="article" />
  10.         <meta property="og:title" content="Keen - Multi-demo Bootstrap 5 HTML Admin Dashboard Theme" />
  11.         <meta property="og:url" content="https://keenthemes.com/keen" />
  12.         <meta property="og:site_name" content="Keenthemes | Keen" />        
  13.         <!--end::Global Stylesheets Bundle-->
  14.     </head>
  15. <!--begin::Header-->
  16.                 <div id="kt_app_header" class="app-header">
  17.                     <!--begin::Header container-->
  18.                     <div class="app-container container-fluid d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
  19.                         <div class="d-flex align-items-center d-lg-none ms-n2 me-2" title="Show sidebar menu">
  20.                             <div class="btn btn-icon btn-active-color-primary w-35px h-35px" id="kt_app_sidebar_mobile_toggle">
  21.                                 <!--begin::Svg Icon | path: icons/duotune/abstract/abs015.svg-->
  22.                                 <span class="svg-icon svg-icon-1">
  23.                                     <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  24.                                         <path d="M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z" fill="currentColor" />
  25.                                         <path opacity="0.3" d="M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z" fill="currentColor" />
  26.                                     </svg>
  27.                                 </span>
  28.                                 <!--end::Svg Icon-->
  29.                             </div>
  30.                         </div>
  31.                         
  32.                         <div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
  33.                             <!--begin::Menu wrapper-->
  34.                             <div class="app-header-menu app-header-mobile-drawer align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="225px" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}">
  35.                                 <!--begin::Menu-->
  36.                                 <div class="menu menu-rounded menu-column menu-lg-row my-5 my-lg-0 align-items-stretch fw-semibold px-2 px-lg-0" id="kt_app_header_menu" data-kt-menu="true">
  37.                                     <!--begin:Menu item-->
  38.                                     <div data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item menu-here-bg menu-lg-down-accordion me-0 me-lg-2" >
  39.                                         <!--begin:Menu link-->
  40.                                         
  41.                                         <!--end:Menu link-->
  42.                                         
  43.                                     </div>
  44.                                     <!--end:Menu item-->
  45.                                     
  46.                                     
  47.                                 </div>
  48.                                 <!--end::Menu-->
  49.                             </div>
  50.                             <!--end::Menu wrapper-->
  51.                             <!--begin::Navbar-->
  52.                             <div class="app-navbar flex-shrink-0">
  53.                                 
  54.                                 <!--begin::User menu-->
  55.                                 <div class="app-navbar-item ms-1 ms-lg-3" id="kt_header_user_menu_toggle">
  56.                                     <!--begin::Menu wrapper-->
  57.                                     <div class="cursor-pointer symbol symbol-35px symbol-md-40px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
  58.                                         <img src="{{ asset ('pfe/dist/assets/media/avatars/account.png')}}" alt="user" />
  59.                                     </div>
  60.                                     <!--begin::User account menu-->
  61.                                     <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-color fw-semibold py-4 fs-6 w-300px" data-kt-menu="true">
  62.                                         <!--begin::Menu item-->
  63.                                         <div class="menu-item px-3">
  64.                                             <div class="menu-content d-flex align-items-center px-3">
  65.                                                 <!--begin::Avatar-->
  66.                                                 <div class="symbol symbol-50px me-5">
  67.                                                     <img alt="Logo" src="{{ asset ('pfe/dist/assets/media/avatars/account.png')}}" />
  68.                                                 </div>
  69.                                                 <!--end::Avatar-->
  70.                                                 <!--begin::Username-->
  71.                                                                                             <div class="d-flex flex-column">
  72.                                                 {% if is_granted("ROLE_ADMINS") %}
  73.                                                     <div class="fw-bold d-flex align-items-center fs-5">{{ app.user.userIdentifier }}</div>
  74.                                                 {% else %}
  75.                                                     {% if user is not null %}
  76.                                                         <div class="fw-bold d-flex align-items-center fs-5">{{ user.user.nom }} {{ user.user.prenom }}</div>
  77.                                                         <div class="fw-bold d-flex align-items-center fs-5">{{ user.user.email }}</div>
  78.                                                     {% else %}
  79.                                                         <!-- Handle the case when user is null -->
  80.                                                         <div class="fw-bold">Utilisateur de Test</div>
  81.                                                     {% endif %}
  82.                                                 {% endif %}
  83.                                             </div>
  85.                                                 <!--end::Username-->
  86.                                             </div>
  87.                                         </div>
  88.                                         <!--end::Menu item-->
  89.                                         <!--begin::Menu separator-->
  90.                                         <div class="separator my-2"></div>
  91.                                         <!--end::Menu separator-->
  92.                                         
  93.                                         <!--begin::Menu item-->
  94.                                         <div class="menu-item px-5">
  95.                                             <a href="{{ path ('app_logout')}}" class="btn btn-light btn-active-light-primary w-100">Déconnecter</a>
  96.                                         </div>
  97.                                         <!--end::Menu item-->
  98.                                     </div>
  99.                                     <!--end::User account menu-->
  100.                                     <!--end::Menu wrapper-->
  101.                                 </div>
  102.                                 <!--end::User menu-->
  103.                                 
  104.                             </div>
  105.                             <!--end::Navbar-->
  106.                         </div>
  107.                         
  108.                         <!--begin::Header wrapper direction-->
  109.                         
  110.                         <!--end::Header wrapper Commercial-->
  111.                     </div>
  112.                     <!--end::Header container-->
  113.                 </div>
  114.                 <!--end::Header-->