templates/base.html.twig line 1

Open in your IDE?
  1. {% set forms = commonForms.build %}
  2. <!DOCTYPE html>
  3. <html :class="{ 'theme-dark': dark }" x-data="data()" lang="en">
  4. <head>
  5.     <meta charset="UTF-8" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>{% block title %}Nova{% endblock %}</title>
  8.     <link
  9.             href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
  10.             rel="stylesheet"
  11.     />
  12.     <link rel="stylesheet" href="{{ asset('/frontend/new/public/assets/css/tailwind.output.css') }}" />
  13.     <link href="{{ asset('/frontend/dist/css/app.css') }}" rel="stylesheet">
  14.     <script
  15.             src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
  16.             defer
  17.     ></script>
  18.     <script src="{{ asset('/frontend/new/public/assets/js/init-alpine.js') }}"></script>
  19.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  21.     <link type="image/x-icon" href="{{ asset('/favicon.svg') }}" rel="shortcut icon">
  23.     <style>
  24.         .tooltip {
  25.             position: relative;
  26.             display: inline-block;
  27.             border-bottom: 1px dotted black;
  28.         }
  30.         .tooltip .tooltiptext {
  31.             visibility: hidden;
  32.             width: 220px;
  33.             background-color: black;
  34.             color: #fff;
  35.             text-align: center;
  36.             border-radius: 6px;
  37.             padding: 5px 0;
  39.             /* Position the tooltip */
  40.             position: absolute;
  41.             z-index: 1;
  42.         }
  44.         .tooltip:hover .tooltiptext {
  45.             visibility: visible;
  46.         }
  47.     </style>
  48. </head>
  49. <body>
  50. <div
  51.         class="flex h-screen bg-gray-50 dark:bg-gray-900"
  52.         :class="{ 'overflow-hidden': isSideMenuOpen}"
  53. >
  54.     <!-- Desktop sidebar -->
  55.     <aside
  56.             class="z-20 flex-shrink-0 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block"
  57.     >
  58.         <div class="py-4 text-gray-500 dark:text-gray-400">
  59.             <a
  60.                     class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200 inline-flex"
  61.                     href="{{ path('main') }}"
  62.             >
  63.                 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  64.                     <rect width="24" height="24" fill="#6495ED"/>
  65.                     <path d="M15.5625 5.4138L10.9956 19.3125L8.4375 18.7737L13.0044 4.875L15.5625 5.4138Z" fill="white"/>
  66.                 </svg>
  67.                 <span class="ml-4">NOVA</span>
  68.             </a>
  69.             <ul class="mt-6">
  70.                 <li class="relative px-6 py-3">
  71.                     <a
  72.                             class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  73.                             href="{{ path('main') }}"
  74.                     >
  75.                         <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  76.                             <path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" />
  77.                         </svg>
  78.                         <span class="ml-4">Главная</span>
  79.                     </a>
  80.                 </li>
  81.                 {% if (is_granted('ROLE_ADMIN')) %}
  82.                     <li class="relative px-6 py-3">
  83.                         <a
  84.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  85.                                 href="{{ path('TASK_LIST') }}"
  86.                         >
  87.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  88.                                 <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z" />
  89.                                 <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd" />
  90.                             </svg>
  91.                             <span class="ml-4">{{ "task.list.name"|trans }}</span>
  92.                         </a>
  93.                     </li>
  94.                     <li class="relative px-6 py-3">
  95.                         <a
  96.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  97.                                 href="{{ path('SURVEY_LIST') }}"
  98.                         >
  99.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  100.                                 <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z" />
  101.                                 <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
  102.                             </svg>
  103.                             <span class="ml-4">{{ "survey.list.name"|trans }}</span>
  104.                         </a>
  105.                     </li>
  106.                     <li class="relative px-6 py-3">
  107.                         <a
  108.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  109.                                 href="{{ path('SURVEY_RESULT_LIST') }}"
  110.                         >
  111.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  112.                                 <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z" />
  113.                                 <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
  114.                             </svg>
  115.                             <span class="ml-4">{{ "surveyResult.list.name"|trans }}</span>
  116.                         </a>
  117.                     </li>
  118.                     <li class="relative px-6 py-3">
  119.                         <a
  120.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  121.                                 href="{{ path('POLL_LIST') }}"
  122.                         >
  123.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  124.                                 <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z" />
  125.                                 <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
  126.                             </svg>
  127.                             <span class="ml-4">{{ "poll.list.name"|trans }}</span>
  128.                         </a>
  129.                     </li>
  130.                     <li class="relative px-6 py-3">
  131.                         <a
  132.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  133.                                 href="{{ path('TEMPLATE_LETTERS_LIST') }}"
  134.                         >
  135.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  136.                                 <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
  137.                                 <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
  138.                             </svg>
  139.                             <span class="ml-4">{{ "templateLetters.list.name"|trans }}</span>
  140.                         </a>
  141.                     </li>
  142.                     <li class="relative px-6 py-3">
  143.                         <a
  144.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  145.                                 href="{{ path('TECHNIC_LIST') }}"
  146.                         >
  147.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  148.                                 <path fill-rule="evenodd" d="M3 5a2 2 0 012-2h10a2 2 0 012 2v8a2 2 0 01-2 2h-2.22l.123.489.804.804A1 1 0 0113 18H7a1 1 0 01-.707-1.707l.804-.804L7.22 15H5a2 2 0 01-2-2V5zm5.771 7H5V5h10v7H8.771z" clip-rule="evenodd" />
  149.                             </svg>
  150.                             <span class="ml-4">{{ "technic.list.name"|trans }}</span>
  151.                         </a>
  152.                     </li>
  153.                     <li class="relative px-6 py-3">
  154.                         <a
  155.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  156.                                 href="{{ path('MM_MESSAGE_LIST') }}"
  157.                         >
  158.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  159.                                 <path fill-rule="evenodd" d="M18 13V5a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2h3l3 3 3-3h3a2 2 0 002-2zM5 7a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2H6z" clip-rule="evenodd" />
  160.                             </svg>
  161.                             <span class="ml-4">{{ "message.list.name"|trans }}</span>
  162.                         </a>
  163.                     </li>
  164.                 {% endif %}
  165.                 {% if (is_granted('ROLE_SUPER_ADMIN')) %}
  166.                     <li class="relative px-6 py-3">
  167.                         <a
  168.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  169.                                 href="{{ path('USER_LIST') }}"
  170.                         >
  171.                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
  172.                                 <path d="M7 8a3 3 0 100-6 3 3 0 000 6zM14.5 9a2.5 2.5 0 100-5 2.5 2.5 0 000 5zM1.615 16.428a1.224 1.224 0 01-.569-1.175 6.002 6.002 0 0111.908 0c.058.467-.172.92-.57 1.174A9.953 9.953 0 017 18a9.953 9.953 0 01-5.385-1.572zM14.5 16h-.106c.07-.297.088-.611.048-.933a7.47 7.47 0 00-1.588-3.755 4.502 4.502 0 015.874 2.636.818.818 0 01-.36.98A7.465 7.465 0 0114.5 16z" />
  173.                             </svg>
  174.                             <span class="ml-4">{{ "user.list.name"|trans }}</span>
  175.                         </a>
  176.                     </li>
  177.                 <li class="relative px-6 py-3">
  178.                     <a
  179.                             class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  180.                             href="{{ path('AVAILABLE_DAY_LIST') }}"
  181.                     >
  182.                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
  183.                             <path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" clip-rule="evenodd"/>
  184.                         </svg>
  185.                         <span class="ml-4">{{ "available_day.list.name"|trans }}</span>
  186.                     </a>
  187.                 </li>
  188.                 <li class="relative px-6 py-3">
  189.                     <a
  190.                             class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  191.                             href="{{ path('DOCUMENT_LIST') }}"
  192.                     >
  193.                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
  194.                             <path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd"/>
  195.                         </svg>
  196.                         <span class="ml-4">{{ "document.list.name"|trans }}</span>
  197.                     </a>
  198.                 </li>
  199.                 {% endif %}
  200.             </ul>
  201.         </div>
  202.     </aside>
  203.     <!-- Mobile sidebar -->
  204.     <!-- Backdrop -->
  205.     <div
  206.             x-show="isSideMenuOpen"
  207.             x-transition:enter="transition ease-in-out duration-150"
  208.             x-transition:enter-start="opacity-0"
  209.             x-transition:enter-end="opacity-100"
  210.             x-transition:leave="transition ease-in-out duration-150"
  211.             x-transition:leave-start="opacity-100"
  212.             x-transition:leave-end="opacity-0"
  213.             class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center"
  214.     ></div>
  215.     <aside
  216.             class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden"
  217.             x-show="isSideMenuOpen"
  218.             x-transition:enter="transition ease-in-out duration-150"
  219.             x-transition:enter-start="opacity-0 transform -translate-x-20"
  220.             x-transition:enter-end="opacity-100"
  221.             x-transition:leave="transition ease-in-out duration-150"
  222.             x-transition:leave-start="opacity-100"
  223.             x-transition:leave-end="opacity-0 transform -translate-x-20"
  224.             @click.away="closeSideMenu"
  225.             @keydown.escape="closeSideMenu"
  226.     >
  227.         <div class="py-4 text-gray-500 dark:text-gray-400">
  228.             <a
  229.                     class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200 inline-flex"
  230.                     href="{{ path('main') }}"
  231.             >
  232.                 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  233.                     <rect width="24" height="24" fill="#6495ED"/>
  234.                     <path d="M15.5625 5.4138L10.9956 19.3125L8.4375 18.7737L13.0044 4.875L15.5625 5.4138Z" fill="white"/>
  235.                 </svg>
  236.                 <span class="ml-4">NOVA</span>
  237.             </a>
  238.             <ul class="mt-6">
  239.                 <li class="relative px-6 py-3">
  240.                     <a
  241.                             class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  242.                             href="{{ path('main') }}"
  243.                     >
  244.                         <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  245.                             <path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" />
  246.                         </svg>
  247.                         <span class="ml-4">Главная</span>
  248.                     </a>
  249.                 </li>
  250.             </ul>
  251.             <ul>
  252.                 {% if (is_granted('ROLE_ADMIN')) %}
  253.                     <li class="relative px-6 py-3">
  254.                         <a
  255.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  256.                                 href="{{ path('TASK_LIST') }}"
  257.                         >
  258.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  259.                                 <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z" />
  260.                                 <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd" />
  261.                             </svg>
  262.                             <span class="ml-4">{{ "task.list.name"|trans }}</span>
  263.                         </a>
  264.                     </li>
  265.                     <li class="relative px-6 py-3">
  266.                         <a
  267.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  268.                                 href="{{ path('SURVEY_LIST') }}"
  269.                         >
  270.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  271.                                 <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z" />
  272.                                 <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
  273.                             </svg>
  274.                             <span class="ml-4">{{ "survey.list.name"|trans }}</span>
  275.                         </a>
  276.                     </li>
  277.                     <li class="relative px-6 py-3">
  278.                         <a
  279.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  280.                                 href="{{ path('SURVEY_RESULT_LIST') }}"
  281.                         >
  282.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  283.                                 <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z" />
  284.                                 <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
  285.                             </svg>
  286.                             <span class="ml-4">{{ "surveyResult.list.name"|trans }}</span>
  287.                         </a>
  288.                     </li>
  289.                     <li class="relative px-6 py-3">
  290.                         <a
  291.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  292.                                 href="{{ path('POLL_LIST') }}"
  293.                         >
  294.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  295.                                 <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z" />
  296.                                 <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
  297.                             </svg>
  298.                             <span class="ml-4">{{ "poll.list.name"|trans }}</span>
  299.                         </a>
  300.                     </li>
  301.                     <li class="relative px-6 py-3">
  302.                         <a
  303.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  304.                                 href="{{ path('TEMPLATE_LETTERS_LIST') }}"
  305.                         >
  306.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  307.                                 <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
  308.                                 <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
  309.                             </svg>
  310.                             <span class="ml-4">{{ "templateLetters.list.name"|trans }}</span>
  311.                         </a>
  312.                     </li>
  313.                     <li class="relative px-6 py-3">
  314.                         <a
  315.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  316.                                 href="{{ path('TECHNIC_LIST') }}"
  317.                         >
  318.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  319.                                 <path fill-rule="evenodd" d="M3 5a2 2 0 012-2h10a2 2 0 012 2v8a2 2 0 01-2 2h-2.22l.123.489.804.804A1 1 0 0113 18H7a1 1 0 01-.707-1.707l.804-.804L7.22 15H5a2 2 0 01-2-2V5zm5.771 7H5V5h10v7H8.771z" clip-rule="evenodd" />
  320.                             </svg>
  321.                             <span class="ml-4">{{ "technic.list.name"|trans }}</span>
  322.                         </a>
  323.                     </li>
  324.                     <li class="relative px-6 py-3">
  325.                         <a
  326.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  327.                                 href="{{ path('MM_MESSAGE_LIST') }}"
  328.                         >
  329.                             <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  330.                                 <path fill-rule="evenodd" d="M18 13V5a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2h3l3 3 3-3h3a2 2 0 002-2zM5 7a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2H6z" clip-rule="evenodd" />
  331.                             </svg>
  332.                             <span class="ml-4">{{ "message.list.name"|trans }}</span>
  333.                         </a>
  334.                     </li>
  335.                 {% endif %}
  336.                 {% if (is_granted('ROLE_SUPER_ADMIN')) %}
  337.                     <li class="relative px-6 py-3">
  338.                         <a
  339.                                 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
  340.                                 href="{{ path('USER_LIST') }}"
  341.                         >
  342.                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
  343.                                 <path d="M7 8a3 3 0 100-6 3 3 0 000 6zM14.5 9a2.5 2.5 0 100-5 2.5 2.5 0 000 5zM1.615 16.428a1.224 1.224 0 01-.569-1.175 6.002 6.002 0 0111.908 0c.058.467-.172.92-.57 1.174A9.953 9.953 0 017 18a9.953 9.953 0 01-5.385-1.572zM14.5 16h-.106c.07-.297.088-.611.048-.933a7.47 7.47 0 00-1.588-3.755 4.502 4.502 0 015.874 2.636.818.818 0 01-.36.98A7.465 7.465 0 0114.5 16z" />
  344.                             </svg>
  345.                             <span class="ml-4">{{ "user.list.name"|trans }}</span>
  346.                         </a>
  347.                     </li>
  348.                 {% endif %}
  349.             </ul>
  350.         </div>
  351.     </aside>
  352.     <div class="flex flex-col flex-1 w-full">
  353.         <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800">
  354.             <div
  355.                     class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300"
  356.             >
  357.                 <!-- Mobile hamburger -->
  358.                 <button
  359.                         class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple"
  360.                         @click="toggleSideMenu"
  361.                         aria-label="Menu"
  362.                 >
  363.                     <svg
  364.                             class="w-6 h-6"
  365.                             aria-hidden="true"
  366.                             fill="currentColor"
  367.                             viewBox="0 0 20 20"
  368.                     >
  369.                         <path
  370.                                 fill-rule="evenodd"
  371.                                 d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
  372.                                 clip-rule="evenodd"
  373.                         ></path>
  374.                     </svg>
  375.                 </button>
  376.                 <!-- Search input -->
  377.                 <div class="flex justify-center flex-1 lg:mr-32">
  378.                     {% if (is_granted('ROLE_ADMIN')) %}
  379.                         <div
  380.                                 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500"
  381.                         >
  382.                             <div class="absolute inset-y-0 flex items-center pl-2">
  383.                                 <svg
  384.                                         class="w-4 h-4"
  385.                                         aria-hidden="true"
  386.                                         fill="currentColor"
  387.                                         viewBox="0 0 20 20"
  388.                                 >
  389.                                     <path
  390.                                             fill-rule="evenodd"
  391.                                             d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
  392.                                             clip-rule="evenodd"
  393.                                     ></path>
  394.                                 </svg>
  395.                             </div>
  396.                             <input
  397.                                     class="w-full pl-8 pr-2 text-sm text-gray-700 placeholder-gray-600 bg-gray-100 border-0 rounded-md dark:placeholder-gray-500 dark:focus:shadow-outline-gray dark:focus:placeholder-gray-600 dark:bg-gray-700 dark:text-gray-200 focus:placeholder-gray-500 focus:bg-white focus:border-purple-300 focus:outline-none focus:shadow-outline-purple form-input"
  398.                                     type="text"
  399.                                     placeholder="{{ "base.search.label"|trans }}"
  400.                                     aria-label="Search"
  401.                             />
  402.                         </div>
  403.                     {% endif %}
  404.                 </div>
  405.                 <ul class="flex items-center flex-shrink-0 space-x-6">
  406.                     <!-- Theme toggler -->
  407.                     <li class="flex">
  408.                         <button
  409.                                 class="rounded-md focus:outline-none focus:shadow-outline-purple"
  410.                                 @click="toggleTheme"
  411.                                 aria-label="Toggle color mode"
  412.                         >
  413.                             <template x-if="!dark">
  414.                                 <svg
  415.                                         class="w-5 h-5"
  416.                                         aria-hidden="true"
  417.                                         fill="currentColor"
  418.                                         viewBox="0 0 20 20"
  419.                                 >
  420.                                     <path
  421.                                             d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
  422.                                     ></path>
  423.                                 </svg>
  424.                             </template>
  425.                             <template x-if="dark">
  426.                                 <svg
  427.                                         class="w-5 h-5"
  428.                                         aria-hidden="true"
  429.                                         fill="currentColor"
  430.                                         viewBox="0 0 20 20"
  431.                                 >
  432.                                     <path
  433.                                             fill-rule="evenodd"
  434.                                             d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
  435.                                             clip-rule="evenodd"
  436.                                     ></path>
  437.                                 </svg>
  438.                             </template>
  439.                         </button>
  440.                     </li>
  441.                     <!-- Profile menu -->
  442.                     <li class="relative">
  443.                         <button
  444.                                 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none"
  445.                                 @click="toggleProfileMenu"
  446.                                 @keydown.escape="closeProfileMenu"
  447.                                 aria-label="Account"
  448.                                 aria-haspopup="true"
  449.                         >
  450.                             <img
  451.                                     class="object-cover w-8 h-8 rounded-full"
  452.                                     src="{{ asset(app.user.avatar) }}"
  453.                                     alt=""
  454.                                     aria-hidden="true"
  455.                             />
  456.                             <span
  457.                                     aria-hidden="true"
  458.                                     class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800"
  459.                             ></span>
  460.                         </button>
  461.                         <template x-if="isProfileMenuOpen">
  462.                             <ul
  463.                                     x-transition:leave="transition ease-in duration-150"
  464.                                     x-transition:leave-start="opacity-100"
  465.                                     x-transition:leave-end="opacity-0"
  466.                                     @click.away="closeProfileMenu"
  467.                                     @keydown.escape="closeProfileMenu"
  468.                                     class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700"
  469.                                     aria-label="submenu"
  470.                             >
  471.                                 <li class="flex">
  472.                                     <a
  473.                                             class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
  474.                                             href="#"
  475.                                     >
  476.                                         <span>Messages</span>
  477.                                         <span
  478.                                                 class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600"
  479.                                         >
  480.                                           1
  481.                                         </span>
  482.                                     </a>
  483.                                 </li>
  484.                                 <hr>
  485.                                 <li class="flex">
  486.                                     <a
  487.                                             class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
  488.                                             href="{{ lkUrl }}?token={{ app.session.get('token') }}&auth_token={{ app.session.get('auth_token') }}"
  489.                                     >
  490.                                         <svg
  491.                                                 class="w-4 h-4 mr-3"
  492.                                                 aria-hidden="true"
  493.                                                 fill="none"
  494.                                                 stroke-linecap="round"
  495.                                                 stroke-linejoin="round"
  496.                                                 stroke-width="2"
  497.                                                 viewBox="0 0 24 24"
  498.                                                 stroke="currentColor"
  499.                                         >
  500.                                             <path
  501.                                                     d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
  502.                                             ></path>
  503.                                         </svg>
  504.                                         <span>{{ "base.goToPersonalAccount.label"|trans }}</span>
  505.                                     </a>
  506.                                 </li>
  507. {#                                <li class="flex">#}
  508. {#                                    <a#}
  509. {#                                            class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"#}
  510. {#                                            href="#"#}
  511. {#                                    >#}
  512. {#                                        <svg#}
  513. {#                                                class="w-4 h-4 mr-3"#}
  514. {#                                                aria-hidden="true"#}
  515. {#                                                fill="none"#}
  516. {#                                                stroke-linecap="round"#}
  517. {#                                                stroke-linejoin="round"#}
  518. {#                                                stroke-width="2"#}
  519. {#                                                viewBox="0 0 24 24"#}
  520. {#                                                stroke="currentColor"#}
  521. {#                                        >#}
  522. {#                                            <path#}
  523. {#                                                    d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"#}
  524. {#                                            ></path>#}
  525. {#                                            <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>#}
  526. {#                                        </svg>#}
  527. {#                                        <span>Settings</span>#}
  528. {#                                    </a>#}
  529. {#                                </li>#}
  530.                                 <li class="flex">
  531.                                     <a
  532.                                             class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
  533.                                             href="{{ path('app_logout') }}"
  534.                                     >
  535.                                         <svg
  536.                                                 class="w-4 h-4 mr-3"
  537.                                                 aria-hidden="true"
  538.                                                 fill="none"
  539.                                                 stroke-linecap="round"
  540.                                                 stroke-linejoin="round"
  541.                                                 stroke-width="2"
  542.                                                 viewBox="0 0 24 24"
  543.                                                 stroke="currentColor"
  544.                                         >
  545.                                             <path
  546.                                                     d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
  547.                                             ></path>
  548.                                         </svg>
  549.                                         <span>{{ "base.logOut.label"|trans }}</span>
  550.                                     </a>
  551.                                 </li>
  552.                             </ul>
  553.                         </template>
  554.                     </li>
  555.                 </ul>
  556.             </div>
  557.         </header>
  558.         <main class="h-full pb-16 overflow-y-auto">
  559.             <div class="grid p-3 mx-auto">
  560.                 {%- block body -%}{%- endblock -%}
  561.             </div>
  562.         </main>
  563.     </div>
  564. </div>
  565. </body>
  566. {% if (filterMacrosInvolved) %}
  567.     {% import '/macro/filter.html.twig' as filterMacros %}
  568.     {{ filterMacros.js() }}
  569. {% endif %}
  571. {% if (paginateMacrosInvolved) %}
  572.     {% import '/macro/paginate.html.twig' as paginateMacros %}
  573.     {{ paginateMacros.js() }}
  574. {% endif %}
  576. {% if (listForm.children.controlButtons is defined) %}
  577.     {% for column in listForm.controlButtons %}
  578.         {% include '%s/js.html.twig'|format(column.vars.attr.template) with {'options': column.vars.attr.options} %}
  579.     {% endfor %}
  580. {% endif %}
  582. <script>
  583.     let activities = document.getElementById("task_form_type") ?? document.getElementById("task_edit_form_type");
  584.     const dateTimePicker = document.getElementById("date_time_picker")
  585.     const dayPicker = document.getElementById("day_picker")
  586.     const timePicker = document.getElementById("time_picker")
  587.     function showFields(activities) {
  588.         switch (activities.value) {
  589.             case '0':
  590.                 dateTimePicker.setAttribute("style", "")
  591.                 dayPicker.setAttribute("style", "display: none")
  592.                 timePicker.setAttribute("style", "display: none")
  593.                 break;
  594.             case '1':
  595.                 dateTimePicker.setAttribute("style", "display: none")
  596.                 dayPicker.setAttribute("style", "")
  597.                 timePicker.setAttribute("style", "")
  598.                 break;
  599.             default:
  600.                 console.log(`Sorry, we are out of`);
  601.         }
  602.     }
  603.     showFields(activities)
  604.     activities.addEventListener("change", function() {
  605.         showFields(activities)
  606.     });
  608. </script>
  609. </html>