templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="author" content="Lukas Descoins | L'Amusée Paris">
  6.         <meta name="description" content="{% block description %} Back office pour le site lamusee.paris {% endblock %}">
  7.         <meta name="viewport" content="initial-scale=1.0, width=device-width">
  8.         {% block stylesheets %}{% endblock %}
  9.         <link rel="shortcut icon" href="{{ asset('images/favicon_lamusee.png') }}" type="image/x-icon">
  10.         <link rel="preconnect" href="https://fonts.gstatic.com">
  11.         <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;1,600;1,900&display=swap" rel="stylesheet">
  12.         <link rel="stylesheet" type="text/css" href="{{ asset('styles/styles.css') }}">
  13.         <link rel="stylesheet" type="text/css" href="{{ asset('styles/apexcharts.css') }}">
  14.         <link rel="stylesheet" type="text/css" href="{{ asset('styles/datepicker.min.css') }}">
  15.         <script src="{{ asset('scripts/apexcharts.min.js') }}"></script>
  16.         <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
  17.         <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.js"></script>
  18.         <title>{% block title %}Admin | L'Amusée Paris{% endblock %}</title>
  19.     </head>
  20.     <body class="bg-gray-200 dark:bg-gray-700 {% block classBody %} {% endblock %}">
  21.         {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  22.             <div class="flex bg-gray-200 dark:bg-gray-700" x-data="{ open: false }">
  23.                 <div class="w-20 fixed top-0 z-30 flex ph:w-full ph:mt-0 ph:h-auto ph:absolute ph:-top-full ph:opacity-0" :class="{'ph:-top-full': !open,'ph:opacity-0': !open, 'ph:mt-20': open, 'ph:top-0' : open, 'ph:opacity-1': open}" style="transition: top 1.5s ease-in-out,margin-top 1.5s ease-in-out, opacity 1.5s ease-in-out;">
  24.                     <!-- container -->
  25.                     <aside class="flex flex-col items-center bg-white text-gray-700 shadow h-screen bg-white dark:bg-gray-900 ph:w-full ph:items-baseline ph:h-auto">
  26.                         <!-- Side Nav Bar-->
  28.                         <div class="h-16 flex items-center w-full ph:h-12">
  29.                             <!-- Top Nav Logo Section -->
  30.                             <a id="/" href="{{ path('adminDashboard') }}" title="Accueil" class="h-full ph:gap-4 px-6 flex flex justify-center items-center w-full text-blue-600 dark:hover:bg-gray-600 hover:bg-gray-300 ph:justify-start">
  31.                                 <svg
  32.                                     class="h-5 w-5 text-blue-600"
  33.                                     xmlns="http://www.w3.org/2000/svg"
  34.                                     width="24"
  35.                                     height="24"
  36.                                     viewBox="0 0 24 24"
  37.                                     fill="none"
  38.                                     stroke="currentColor"
  39.                                     stroke-width="2">
  40.                                     <path class="cls-1" d="M3.72 6.04c.47.46 1.21.48 1.71.06.37-.32.69-.51.87-.43.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1h1.21c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25h-1.22c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3c-1.09 0-2.04.63-2.7 1.22-.53.48-.53 1.32-.02 1.82zm10.16 12.51c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z"/></svg>
  41.                                 </svg>
  42.                                 <p class="hidden ph:block text-gray-650">Accueil</p>
  43.                             </a>
  44.                         </div>
  46.                         <ul class="ph:w-full">
  47.                             <li class="dark:hover:bg-gray-600 hover:bg-gray-300 w-full" id="/admin/statistic">
  48.                                 <a href="{{ path('adminStatisticShowroomDashboard') }}" title="Statistiques | Dashboard" class="h-16 px-6 ph:gap-4 flex justify-center items-center w-full text-gray-700 dark:text-gray-200 ph:h-12 ph:justify-start">
  49.                                     <svg
  50.                                         class="h-5 w-5"
  51.                                         xmlns="http://www.w3.org/2000/svg"
  52.                                         width="24"
  53.                                         height="24"
  54.                                         viewBox="0 0 24 24"
  55.                                         fill="currentColor"
  56.                                         stroke="none"
  57.                                         stroke-width="2"
  58.                                         stroke-linecap="round"
  59.                                         stroke-linejoin="round">
  60.                                         <path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6h-6z"></path>
  61.                                     </svg>
  62.                                     <p class="hidden ph:block text-gray-650">Statistiques</p>
  63.                                 </a>
  64.                             </li>
  66.                             <li class="dark:hover:bg-gray-600 hover:bg-gray-300 w-full" id="/admin/appointment">
  67.                                 <a href="{{ path('adminAppointmentDashboard') }}" title="Rendez-vous | Dashboard" class="h-16 px-6 ph:gap-4 flex justify-center items-center w-full text-gray-700 dark:text-gray-200 ph:h-12 ph:justify-start">
  68.                                     <svg
  69.                                         class="h-5 w-5"
  70.                                         xmlns="http://www.w3.org/2000/svg"
  71.                                         width="24"
  72.                                         height="24"
  73.                                         viewBox="0 0 24 24"
  74.                                         fill="currentColor"
  75.                                         stroke="none"
  76.                                         stroke-width="2"
  77.                                         stroke-linecap="round"
  78.                                         stroke-linejoin="round">
  79.                                         <path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"></path>
  80.                                     </svg>
  81.                                     <p class="hidden ph:block text-gray-650">Rendez-vous</p>
  82.                                 </a>
  83.                             </li>
  85.                             <li class="dark:hover:bg-gray-600 hover:bg-gray-300 w-full" id="/admin/contact">
  86.                                 <a href="{{ path('adminContactDashboard') }}" title="Contact | Dashboard" class="h-16 px-6 ph:gap-4 flex justify-center items-center w-full text-gray-700 dark:text-gray-200 ph:h-12 ph:justify-start">
  87.                                     <svg
  88.                                         class="h-5 w-5"
  89.                                         xmlns="http://www.w3.org/2000/svg"
  90.                                         width="24"
  91.                                         height="24"
  92.                                         viewBox="0 0 24 24"
  93.                                         fill="currentColor"
  94.                                         stroke="none"
  95.                                         stroke-width="2"
  96.                                         stroke-linecap="round"
  97.                                         stroke-linejoin="round">
  98.                                         <path d="M9 13.75c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5zM4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25H4.34zM9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12zm0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7zm7.04 6.81c1.16.84 1.96 1.96 1.96 3.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44zM15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35z"></path>
  99.                                     </svg>
  100.                                     <p class="hidden ph:block text-gray-650">Contacts</p>
  101.                                 </a>
  102.                             </li>
  103.                             <li class="dark:hover:bg-gray-600 hover:bg-gray-300 w-full" id="/admin/company">
  104.                                 <a href="{{ path('adminCompanyDashboard') }}" title="Sociétés | Dashboard" class="h-16 px-6 ph:gap-4 flex justify-center items-center w-full text-gray-700 dark:text-gray-200 ph:h-12 ph:justify-start">
  105.                                     <svg
  106.                                             class="h-5 w-5"
  107.                                             xmlns="http://www.w3.org/2000/svg"
  108.                                             width="24"
  109.                                             height="24"
  110.                                             viewBox="0 0 384 512"
  111.                                             fill="currentColor"
  112.                                             stroke="none"
  113.                                             stroke-width="2"
  114.                                             stroke-linecap="round"
  115.                                             stroke-linejoin="round">
  116.                                         <path d="M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z"/>
  117.                                     </svg>
  118.                                     <p class="hidden ph:block text-gray-650">Sociétés</p>
  119.                                 </a>
  120.                             </li>
  122.                             <li class="dark:hover:bg-gray-600 hover:bg-gray-300 w-full" id="/admin/catalogue">
  123.                                 <a href="{{ path('adminCatalogueDashboard') }}" title="Catalogue | Dashboard" class="h-16 px-6 ph:gap-4 flex justify-center items-center w-full text-gray-700 dark:text-gray-200 ph:h-12 ph:justify-start">
  124.                                     <svg
  125.                                             class="h-5 w-5"
  126.                                             xmlns="http://www.w3.org/2000/svg"
  127.                                             width="24"
  128.                                             height="24"
  129.                                             viewBox="0 0 24 24"
  130.                                             fill="currentColor"
  131.                                             stroke="none"
  132.                                             stroke-width="2"
  133.                                             stroke-linecap="round"
  134.                                             stroke-linejoin="round">
  135.                                         <path d="M12 2l-5.5 9h11L12 2zm0 3.84L13.93 9h-3.87L12 5.84zM17.5 13c-2.49 0-4.5 2.01-4.5 4.5s2.01 4.5 4.5 4.5 4.5-2.01 4.5-4.5-2.01-4.5-4.5-4.5zm0 7c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5zM3 21.5h8v-8H3v8zm2-6h4v4H5v-4z"></path>
  136.                                     </svg>
  137.                                     <p class="hidden ph:block text-gray-650">Catalogue</p>
  138.                                 </a>
  139.                             </li>
  141.                             <li class="dark:hover:bg-gray-600 hover:bg-gray-300 w-full" id="/admin/document">
  142.                                 <a href="{{ path('adminDocumentDashboard') }}" title="Document | Dashboard" class="h-16 px-6 ph:gap-4 flex justify-center items-center w-full text-gray-700 dark:text-gray-200 ph:h-12 ph:justify-start">
  143.                                     <svg
  144.                                             class="h-5 w-5"
  145.                                             xmlns="http://www.w3.org/2000/svg"
  146.                                             width="24"
  147.                                             height="24"
  148.                                             viewBox="0 0 24 24"
  149.                                             fill="currentColor"
  150.                                             stroke="none"
  151.                                             stroke-width="2"
  152.                                             stroke-linecap="round"
  153.                                             stroke-linejoin="round">
  154.                                         <path d="M20,6h-8l-2-2H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M20,18L4,18V6h5.17 l2,2H20V18z M18,12H6v-2h12V12z M14,16H6v-2h8V16z"></path>
  155.                                     </svg>
  156.                                     <p class="hidden ph:block text-gray-650">Documents</p>
  157.                                 </a>
  158.                             </li>
  160.                             <li class="dark:hover:bg-gray-600 hover:bg-gray-300 w-full" id="/admin/delivery">
  161.                                 <a href="{{ path('adminDeliveryDashboard') }}" title="Livraison | Dashboard" class="h-16 px-6 ph:gap-4 flex justify-center items-center w-full text-gray-700 dark:text-gray-200 ph:h-12 ph:justify-start">
  162.                                     <svg
  163.                                             class="h-5 w-5"
  164.                                             xmlns="http://www.w3.org/2000/svg"
  165.                                             width="24"
  166.                                             height="24"
  167.                                             viewBox="0 0 512 512"
  168.                                             fill="currentColor"
  169.                                             stroke="none"
  170.                                             stroke-width="2"
  171.                                             stroke-linecap="round"
  172.                                             stroke-linejoin="round">
  173.                                         <path d="M470.573,369.837c-1.951-5.285-7.815-7.988-13.1-6.038l-106.072,39.139c-5.285,1.95-7.988,7.815-6.038,13.1    c1.521,4.12,5.42,6.671,9.57,6.671c1.172,0,2.365-0.204,3.53-0.633l106.072-39.139    C469.82,380.987,472.523,375.122,470.573,369.837z"/>
  174.                                         <path d="M335.337,419.738c-1.949-5.286-7.815-7.989-13.1-6.039l-4.492,1.657c-5.284,1.95-7.988,7.815-6.038,13.099    c1.52,4.12,5.42,6.672,9.57,6.672c1.172,0,2.365-0.204,3.53-0.633l4.492-1.657C334.583,430.887,337.287,425.023,335.337,419.738z"/>
  175.                                         <path d="M470.573,328.276c-1.951-5.285-7.815-7.986-13.1-6.038l-83.825,30.93c-5.285,1.95-7.988,7.815-6.038,13.1    c1.521,4.12,5.42,6.671,9.57,6.671c1.172,0,2.365-0.204,3.53-0.633l83.825-30.93C469.82,339.426,472.523,333.561,470.573,328.276z    "/>
  176.                                         <path d="M470.573,287.147c-1.951-5.285-7.815-7.986-13.1-6.038l-83.825,30.93c-5.285,1.95-7.988,7.815-6.038,13.1    c1.521,4.12,5.42,6.671,9.57,6.671c1.172,0,2.365-0.204,3.53-0.633l83.825-30.93C469.82,298.297,472.523,292.432,470.573,287.147z    "/>
  177.                                         <path d="M505.332,100.528L259.531,9.832c-2.279-0.84-4.783-0.84-7.061,0L6.669,100.528l-0.002,0.008    c-0.805,0.298-1.579,0.692-2.299,1.193C1.631,103.637,0,106.762,0,110.097v291.806c0,4.271,2.661,8.09,6.668,9.569l245.801,90.696    c1.146,0.423,2.341,0.63,3.53,0.63c1.201,0,2.396-0.218,3.528-0.636l0.004,0.006l245.801-90.696    c4.007-1.479,6.668-5.297,6.668-9.569V110.097C512,105.825,509.339,102.007,505.332,100.528z M245.801,477.965L20.398,394.795    V124.732l45.896,16.936v123.578c0,4.271,2.661,8.09,6.668,9.569l110.151,40.645c1.146,0.423,2.341,0.63,3.53,0.63    c2.058,0,4.098-0.623,5.833-1.832c2.736-1.907,4.367-5.032,4.367-8.367V189.838l48.956,18.064V477.965z M176.446,182.311v108.943    l-89.753-33.118V149.193L176.446,182.311z M105.957,134.477l80.688-29.773l80.688,29.773l-80.688,29.773L105.957,134.477z     M256,189.922l-40.001-14.76l84.329-31.117c4.007-1.479,6.668-5.297,6.668-9.569s-2.661-8.09-6.668-9.569L190.176,84.263    c-2.279-0.84-4.782-0.84-7.062,0L76.383,123.647l-36.72-13.55L256,30.273l216.337,79.825L256,189.922z M491.602,394.795    l-225.402,83.169V207.902l225.402-83.17V394.795z"/>
  178.                                     </svg>
  179.                                     <p class="hidden ph:block text-gray-650">Livraison</p>
  180.                                 </a>
  181.                             </li>
  183.                             <li class="dark:hover:bg-gray-600 hover:bg-gray-300 w-full" id="/admin/website">
  184.                                 <a href="{{ path('adminWebsite') }}" title="Site Web | Dashboard" class="h-16 px-6 ph:gap-4 flex justify-center items-center w-full text-gray-700 dark:text-gray-200 ph:h-12 ph:justify-start">
  185.                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="h-5 w-5" fill="currentColor">
  186.                                     <path d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V285.7l-86.8 86.8c-10.3 10.3-17.5 23.1-21 37.2l-18.7 74.9c-2.3 9.2-1.8 18.8 1.3 27.5H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM549.8 235.7l14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-29.4 29.4-71-71 29.4-29.4c15.6-15.6 40.9-15.6 56.6 0zM311.9 417L441.1 287.8l71 71L382.9 487.9c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-5.5 1.4-11.2-.2-15.2-4.2s-5.6-9.7-4.2-15.2l15-60.1c1.4-5.6 4.3-10.8 8.4-14.9z"/>
  187.                                     </svg>
  188.                                     <p class="hidden ph:block text-gray-650">Site Web</p>
  189.                                 </a>
  190.                             </li>
  191.                             <li class="dark:hover:bg-gray-600 hover:bg-gray-300 hidden ph:block">
  192.                                 <div id="switchColorMode2" class="h-16 px-6 flex flex justify-center items-center w-full text-gray-700 dark:text-gray-200 ph:h-12 ph:justify-start ph:gap-4">
  193.                                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px">
  194.                                         <path class="fill-current text-gray-650 dark:text-gray-300" d="M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6c3.31 0 6 2.69 6 6s-2.69 6-6 6z"/>
  195.                                     </svg>
  196.                                     <p class="hidden ph:block text-gray-650">Darkmode</p>
  197.                                 </div>
  198.                             </li>
  199.                         </ul>
  201.                         <div class="mt-auto flex flex-col items-center w-full ph:mt-0">
  202.                             <!-- Action Section -->
  203.                             <a id="settings" href="{{ path('settingsDashboard') }}" title="Settings | Dashboard" class="relative z-10 dark:hover:bg-gray-600 hover:bg-gray-300 h-16 px-6 ph:gap-4 flex justify-center items-center w-full text-gray-700 dark:text-gray-200 ph:h-12 ph:justify-start">
  204.                                 <svg
  205.                                         class="h-5 w-5"
  206.                                         xmlns="http://www.w3.org/2000/svg"
  207.                                         width="24"
  208.                                         height="24"
  209.                                         viewBox="0 0 24 24"
  210.                                         fill="currentColor"
  211.                                         stroke="none"
  212.                                         stroke-width="2"
  213.                                         stroke-linecap="round"
  214.                                         stroke-linejoin="round">
  215.                                     <path d="M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path>
  216.                                 </svg>
  217.                                 <p class="hidden ph:block text-gray-650">Paramètres</p>
  218.                             </a>
  220.                             <div id="settingsNavSection" class="duration-300 absolute translate-x-6 h-16 flex justify-center items-center text-gray-700 dark:text-gray-200 bg-gray-100 dark:bg-gray-800" style="left: -8.5rem; /*left: 4.25rem;*/">
  221.                                 <a href="{{ path('adminUserDashboard') }}" title="Users | Dashboard" class="px-6 h-full flex justify-center items-center dark:hover:bg-gray-600 hover:bg-gray-300">
  222.                                     <svg
  223.                                             class="h-5 w-5"
  224.                                             xmlns="http://www.w3.org/2000/svg"
  225.                                             width="24"
  226.                                             height="24"
  227.                                             viewBox="0 0 24 24"
  228.                                             fill="currentColor"
  229.                                             stroke="none"
  230.                                             stroke-width="2"
  231.                                             stroke-linecap="round"
  232.                                             stroke-linejoin="round">
  233.                                         <path d="M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 10c2.7 0 5.8 1.29 6 2H6c.23-.72 3.31-2 6-2m0-12C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 10c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path>
  234.                                     </svg>
  235.                                 </a>
  237.                                 <a href="{{ path('settingsEmailDashboard') }}" class="px-6 h-full flex justify-center items-center dark:hover:bg-gray-600 hover:bg-gray-300">
  238.                                     <svg
  239.                                             class="h-5 w-5"
  240.                                             xmlns="http://www.w3.org/2000/svg"
  241.                                             width="24"
  242.                                             height="24"
  243.                                             viewBox="0 0 24 24"
  244.                                             fill="currentColor"
  245.                                             stroke="none"
  246.                                             stroke-width="2"
  247.                                             stroke-linecap="round"
  248.                                             stroke-linejoin="round">
  249.                                         <path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"></path>
  250.                                     </svg>
  251.                                 </a>
  252.                             </div>
  254.                             <a href="{{ path('logout') }}" title="Déconnexion" class="h-16 w-10 mx-auto ph:gap-4 flex justify-center items-center w-full focus:text-blue-600 hover:bg-blue-300 focus:outline-none ph:h-12 ph:justify-start ph:px-6">
  255.                                 <svg
  256.                                     class="h-5 w-5 text-blue-600"
  257.                                     xmlns="http://www.w3.org/2000/svg"
  258.                                     width="24"
  259.                                     height="24"
  260.                                     viewBox="0 0 24 24"
  261.                                     fill="none"
  262.                                     stroke="currentColor"
  263.                                     stroke-width="2"
  264.                                     stroke-linecap="round"
  265.                                     stroke-linejoin="round">
  266.                                     <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
  267.                                     <polyline points="16 17 21 12 16 7"></polyline>
  268.                                     <line x1="21" y1="12" x2="9" y2="12"></line>
  269.                                 </svg>
  270.                                 <p class="hidden ph:block text-gray-650">Se déconnecter</p>
  271.                             </a>
  272.                         </div>
  274.                     </aside>
  275.                 </div>
  276.                 <div class="bg-gray-200 ml-20 dark:bg-gray-700 min-h-screen relative ph:ml-0 ph:w-screen" style="width: calc(100% - 5rem)">
  277.                     <header id="switchColorMode" class="mainHeader w-full flex justify-between items-center py-8 px-16 bg-gray-200 dark:bg-gray-700 sticky top-0 z-30 ease-in-out ph:duration-1000 ph:px-4 ph:py-2 ph:relative" :class="{'ph:bg-white': open,'ph:dark:bg-gray-900': open }">
  278.                         <h1 @click="open = false" class="font-sansCustom font-black text-lg text-gray-650 dark:text-gray-300">
  279.                             {% block headerTitle %}&nbsp;{% endblock %}
  280.                         </h1>
  281.                         <div class="relative py-3 hidden ph:block">
  282.                             <nav>
  283.                                 <button class="text-gray-500 w-10 h-10 relative focus:outline-none" @click="open = !open">
  284.                                     <div class="block w-5 absolute left-1/2 top-1/2   transform  -translate-x-1/2 -translate-y-1/2">
  285.                                         <span aria-hidden="true" class="block absolute h-0.5 w-5 bg-current transform transition duration-500 ease-in-out" :class="{'rotate-45': open,' -translate-y-1.5': !open }"></span>
  286.                                         <span aria-hidden="true" class="block absolute  h-0.5 w-5 bg-current   transform transition duration-500 ease-in-out" :class="{'opacity-0': open } "></span>
  287.                                         <span aria-hidden="true" class="block absolute  h-0.5 w-5 bg-current transform  transition duration-500 ease-in-out" :class="{'-rotate-45': open, ' translate-y-1.5': !open}"></span>
  288.                                     </div>
  289.                                 </button>
  290.                             </nav>
  291.                         </div>
  292.                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" class="w-7 h-7 cursor-pointer ph:hidden">
  293.                             <path class="fill-current text-gray-650 dark:text-gray-300" d="M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6c3.31 0 6 2.69 6 6s-2.69 6-6 6z"/>
  294.                         </svg>
  295.                     </header>
  296.                     <div class="absolute w-full z-10">
  297.                         {% for label, messages in app.flashes %}
  298.                             {% if label == 'success' %}
  299.                                 {% for message in messages %}
  300.                                     <div class="flashMessage flex items-center bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mx-auto w-3/4" role="alert">
  301.                                         <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
  302.                                             <path fill="currentColor" d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"></path>
  303.                                         </svg>
  304.                                         <span class="block sm:inline">{{ message }}</span>
  305.                                         <span class="absolute btn-flash-close top-0 bottom-0 right-0 px-4 py-3" onclick="this.closest('div.flashMessage').remove()">
  306.                                             <svg class="fill-current h-6 w-6 text-green-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z"/></svg>
  307.                                         </span>
  308.                                     </div>
  309.                                 {% endfor %}
  310.                             {% elseif label == 'error' %}
  311.                                 {% for message in messages %}
  312.                                     <div class="flashMessage flex items-center bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mx-auto w-3/4" role="alert">
  313.                                         <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
  314.                                             <path fill="currentColor" d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"></path>
  315.                                         </svg>
  316.                                         <span class="block sm:inline">{{ message }}</span>
  317.                                         <span class="absolute btn-flash-close top-0 bottom-0 right-0 px-4 py-3" onclick="this.closest('div.flashMessage').remove()">
  318.                                             <svg class="fill-current h-6 w-6 text-red-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z"/></svg>
  319.                                         </span>
  320.                                     </div>
  321.                                 {% endfor %}
  322.                             {% elseif label == 'warning' %}
  323.                                 {% for message in messages %}
  324.                                     <div class="flashMessage flex items-center bg-yellow-100 border border-yellow-400 text-yellow-700 px-4 py-3 rounded relative mx-auto w-3/4" role="alert">
  325.                                         <svg viewBox="0 0 24 24" class="text-yellow-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
  326.                                             <path fill="currentColor" d="M23.119,20,13.772,2.15h0a2,2,0,0,0-3.543,0L.881,20a2,2,0,0,0,1.772,2.928H21.347A2,2,0,0,0,23.119,20ZM11,8.423a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Zm1.05,11.51h-.028a1.528,1.528,0,0,1-1.522-1.47,1.476,1.476,0,0,1,1.448-1.53h.028A1.527,1.527,0,0,1,13.5,18.4,1.475,1.475,0,0,1,12.05,19.933Z"></path>
  327.                                         </svg>
  328.                                         <span class="block sm:inline">{{ message }}</span>
  329.                                         <span class="absolute btn-flash-close top-0 bottom-0 right-0 px-4 py-3" onclick="this.closest('div.flashMessage').remove()">
  330.                                             <svg class="fill-current h-6 w-6 text-yellow-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z"/></svg>
  331.                                         </span>
  332.                                     </div>
  333.                                 {% endfor %}
  334.                             {% elseif label == 'info' %}
  335.                                 {% for message in messages %}
  336.                                     <div class="flashMessage flex items-center bg-blue-100 border border-blue-400 text-blue-700 px-4 py-3 rounded relative mx-auto w-3/4" role="alert">
  337.                                         <svg viewBox="0 0 24 24" class="text-blue-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
  338.                                             <path fill="currentColor" d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"></path>
  339.                                         </svg>
  340.                                         <span class="block sm:inline">{{ message }}</span>
  341.                                         <span class="absolute btn-flash-close top-0 bottom-0 right-0 px-4 py-3" onclick="this.closest('div.flashMessage').remove()">
  342.                                             <svg class="fill-current h-6 w-6 text-blue-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z"/></svg>
  343.                                         </span>
  344.                                     </div>
  345.                                 {% endfor %}
  346.                             {% else %}
  347.                                 {% for message in messages %}
  348.                                     <div class="flashMessage flex items-center bg-blue-100 border border-blue-400 text-blue-700 px-4 py-3 rounded relative mx-auto w-3/4" role="alert">
  349.                                         <svg viewBox="0 0 24 24" class="text-blue-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
  350.                                             <path fill="currentColor" d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"></path>
  351.                                         </svg>
  352.                                         <span class="block sm:inline">{{ message }}</span>
  353.                                         <span class="absolute btn-flash-close top-0 bottom-0 right-0 px-4 py-3" onclick="this.closest('div.flashMessage').remove()">
  354.                                             <svg class="fill-current h-6 w-6 text-blue-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm.25,5a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,12.25,5ZM14.5,18.5h-4a1,1,0,0,1,0-2h.75a.25.25,0,0,0,.25-.25v-4.5a.25.25,0,0,0-.25-.25H10.5a1,1,0,0,1,0-2h1a2,2,0,0,1,2,2v4.75a.25.25,0,0,0,.25.25h.75a1,1,0,1,1,0,2Z"/></svg>
  355.                                         </span>
  356.                                     </div>
  357.                                 {% endfor %}
  358.                             {% endif %}
  359.                         {% endfor %}                        
  360.                     </div>                    
  361.                     {% block body %}{% endblock %}
  362.                 </div>
  363.             </div>
  364.         {% else %}
  365.             {% block login %}{% endblock %}
  366.         {% endif %}
  367.         {% block popup %} {% endblock %}
  368.         {% block scripts %}{% endblock %}
  369.         <script type="module" src="{{ asset('scripts/datepicker.min.js') }}"></script>
  370.         <script type="module" src="{{ asset('scripts/appV2.js') }}"></script>
  371.     </body>
  372. </html>