templates/_partial/_aside.html.twig line 1

Open in your IDE?
  1. <!--begin::Aside-->
  2. <div id="kt_aside" class="aside aside-extended bg-white" data-kt-drawer="true" data-kt-drawer-name="aside"
  3.      data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="auto"
  4.      data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_aside_toggle">
  5.     <!--begin::Primary-->
  6.     <div class="aside-primary d-flex flex-column align-items-lg-center flex-row-auto">
  7.         <!--begin::Logo-->
  8.         <div class="aside-logo d-none d-lg-flex flex-column align-items-center flex-column-auto pt-10"
  9.              id="kt_aside_logo">
  10.             <a href="index.html">
  11.                 <img alt="Logo" src="#" class="h-55px"/>
  12.             </a>
  13.         </div>
  14.         <!--end::Logo-->
  15.         <!--begin::Nav-->
  16.         <div class="aside-nav d-flex flex-column flex-lg-center flex-column-fluid w-100 pt-5 pt-lg-0" id="kt_aside_nav">
  17.             <!--begin::Primary menu-->
  18.             <div id="kt_aside_menu"
  19.                  class="menu menu-column menu-title-gray-600 menu-icon-gray-400 menu-state-primary menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-500 fw-bold fs-5"
  20.                  data-kt-menu="true">
  21.                 <!-- Home -->
  22.                 <div class="menu-item py-2">
  23.                     <a class="menu-link active menu-center" href="{{ path('app_progression_index') }}" title="Progression"
  24.                        data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click"
  25.                        data-bs-placement="right">
  26.                                         <span class="menu-icon me-0">
  27.                                             <!--begin::Svg Icon | path: icons/duotone/Home/Home2.svg-->
  28.                                             <span class="svg-icon svg-icon-1 ">
  29.                                                 <i class="las la-chalkboard-teacher fs-1"></i>
  30.                                             </span>
  31.                                             <!--end::Svg Icon-->
  32.                                         </span>
  33.                     </a>
  34.                 </div>
  35.                 <!-- Transaction -->
  36.                 <div class="menu-item py-2">
  37.                     <a class="menu-link menu-center" href="{{ path('app_sequence_index') }}" title="Séquence"
  38.                        data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click"
  39.                        data-bs-placement="right">
  40.                         <span class="menu-link menu-center" data-bs-toggle="tooltip" data-bs-trigger="hover"
  41.                               data-bs-dismiss="click" data-bs-placement="right">
  42.                                         <span class="menu-icon me-0">
  43.                                             <i class="las la-book-open fs-1"></i>
  44.                                         </span>
  45.                                     </span>
  46.                     </a>
  47.                 </div>
  48.                 <!-- Ribs -->
  49.                 <div class="menu-item py-2">
  50.                     <a class="menu-link menu-center" href="{{ path('app_savoir_technologique_index') }}" title="Savoir Technologique"
  51.                        data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click"
  52.                        data-bs-placement="right">
  53.                         <span class="menu-link menu-center" data-bs-toggle="tooltip" data-bs-trigger="hover"
  54.                               data-bs-dismiss="click" data-bs-placement="right">
  55.                                         <span class="menu-icon me-0">
  56.                                             <i class="las la-laptop-code fs-1"></i>
  57.                                         </span>
  58.                                     </span>
  59.                     </a>
  60.                 </div>
  61.                 <div class="menu-item py-2">
  62.                     <a class="menu-link menu-center" href="{{ path('app_competence_index') }}" title="Compétence"
  63.                        data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click"
  64.                        data-bs-placement="right">
  65.                         <span class="menu-link menu-center" data-bs-toggle="tooltip" data-bs-trigger="hover"
  66.                               data-bs-dismiss="click" data-bs-placement="right">
  67.                                         <span class="menu-icon me-0">
  68.                                             <i class="las la-book-reader fs-1"></i>
  69.                                         </span>
  70.                                     </span>
  71.                     </a>
  72.                 </div>
  73.                 <div data-kt-menu-trigger="click" data-kt-menu-placement="right-start" data-kt-menu-flip="bottom" class="menu-item py-2">
  74.                     <span class="menu-link menu-center" title="Gestion planing" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right">
  75.                         <span class="menu-icon me-0">
  76.                             <!--begin::Svg Icon | path: icons/duotone/Communication/More.svg-->
  77.                             <span class="svg-icon svg-icon-1">
  78.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  79.                                     <path d="M12 2C6.47714 2 2 6.47714 2 12C2 17.5229 6.47714 22 12 22C17.5229 22 22 17.5229 22 12C22 6.47714 17.5229 2 12 2ZM7.16484 13.5385C6.31653 13.5385 5.62637 12.8483 5.62637 12C5.62637 11.1517 6.31653 10.4615 7.16484 10.4615C8.01314 10.4615 8.7033 11.1517 8.7033 12C8.7033 12.8483 8.01314 13.5385 7.16484 13.5385ZM12 13.5385C11.1517 13.5385 10.4615 12.8483 10.4615 12C10.4615 11.1517 11.1517 10.4615 12 10.4615C12.8483 10.4615 13.5385 11.1517 13.5385 12C13.5385 12.8483 12.8483 13.5385 12 13.5385ZM16.8352 13.5385C15.9869 13.5385 15.2967 12.8483 15.2967 12C15.2967 11.1517 15.9869 10.4615 16.8352 10.4615C17.6835 10.4615 18.3736 11.1517 18.3736 12C18.3736 12.8483 17.6835 13.5385 16.8352 13.5385Z" fill="#E4E6EF" />
  80.                                 </svg>
  81.                             </span>
  82.                             <!--end::Svg Icon-->
  83.                         </span>
  84.                     </span>
  85.                     <div class="menu-sub menu-sub-dropdown w-225px px-1 py-4">
  86.                         <div class="menu-item">
  87.                             <div class="menu-content">
  88.                                 <span class="menu-section fs-5 fw-bolder ps-1 py-1">Gestion planing</span>
  89.                             </div>
  90.                         </div>
  91.                         <div class="menu-item">
  92.                             <a class="menu-link" href="{{ path('app_bloc_heure_index') }}" title="Check out over 200 in-house components, plugins and ready for use solutions" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right">
  93.                                                 <span class="menu-icon">
  94.                                                     <!--begin::Svg Icon | path: icons/duotone/Layout/Layout-arrange.svg-->
  95.                                                     <span class="svg-icon svg-icon-2">
  96.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  97.                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  98.                                                                 <rect x="0" y="0" width="24" height="24" />
  99.                                                                 <path d="M5.5,4 L9.5,4 C10.3284271,4 11,4.67157288 11,5.5 L11,6.5 C11,7.32842712 10.3284271,8 9.5,8 L5.5,8 C4.67157288,8 4,7.32842712 4,6.5 L4,5.5 C4,4.67157288 4.67157288,4 5.5,4 Z M14.5,16 L18.5,16 C19.3284271,16 20,16.6715729 20,17.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,17.5 C13,16.6715729 13.6715729,16 14.5,16 Z" fill="#000000" />
  100.                                                                 <path d="M5.5,10 L9.5,10 C10.3284271,10 11,10.6715729 11,11.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,11.5 C4,10.6715729 4.67157288,10 5.5,10 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,12.5 C20,13.3284271 19.3284271,14 18.5,14 L14.5,14 C13.6715729,14 13,13.3284271 13,12.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z" fill="#000000" opacity="0.3" />
  101.                                                             </g>
  102.                                                         </svg>
  103.                                                     </span>
  104.                                                     <!--end::Svg Icon-->
  105.                                                 </span>
  106.                                 <span class="menu-title">Bloc d'heure</span>
  107.                             </a>
  108.                         </div>
  109.                         <div class="menu-item">
  110.                             <a class="menu-link" href="{{ path('app_matiere_index') }}"  title="Check out the complete documentation" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right">
  111.                                                 <span class="menu-icon">
  112.                                                     <!--begin::Svg Icon | path: icons/duotone/Design/PenAndRuller.svg-->
  113.                                                     <span class="svg-icon svg-icon-3">
  114.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  115.                                                             <path d="M3,16 L5,16 C5.55228475,16 6,15.5522847 6,15 C6,14.4477153 5.55228475,14 5,14 L3,14 L3,12 L5,12 C5.55228475,12 6,11.5522847 6,11 C6,10.4477153 5.55228475,10 5,10 L3,10 L3,8 L5,8 C5.55228475,8 6,7.55228475 6,7 C6,6.44771525 5.55228475,6 5,6 L3,6 L3,4 C3,3.44771525 3.44771525,3 4,3 L10,3 C10.5522847,3 11,3.44771525 11,4 L11,19 C11,19.5522847 10.5522847,20 10,20 L4,20 C3.44771525,20 3,19.5522847 3,19 L3,16 Z" fill="#000000" opacity="0.3" />
  116.                                                             <path d="M16,3 L19,3 C20.1045695,3 21,3.8954305 21,5 L21,15.2485298 C21,15.7329761 20.8241635,16.200956 20.5051534,16.565539 L17.8762883,19.5699562 C17.6944473,19.7777745 17.378566,19.7988332 17.1707477,19.6169922 C17.1540423,19.602375 17.1383289,19.5866616 17.1237117,19.5699562 L14.4948466,16.565539 C14.1758365,16.200956 14,15.7329761 14,15.2485298 L14,5 C14,3.8954305 14.8954305,3 16,3 Z" fill="#000000" />
  117.                                                         </svg>
  118.                                                     </span>
  119.                                                     <!--end::Svg Icon-->
  120.                                                 </span>
  121.                                 <span class="menu-title">Matière</span>
  122.                             </a>
  123.                         </div>
  124.                         <div class="menu-item">
  125.                             <a class="menu-link" href="{{ path('app_filiere_index') }}" >
  126.                                                 <span class="menu-icon">
  127.                                                     <!--begin::Svg Icon | path: icons/duotone/Files/Selected-file.svg-->
  128.                                                     <span class="svg-icon svg-icon-3">
  129.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  130.                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  131.                                                                 <polygon points="0 0 24 0 24 24 0 24" />
  132.                                                                 <path d="M4.85714286,1 L11.7364114,1 C12.0910962,1 12.4343066,1.12568431 12.7051108,1.35473959 L17.4686994,5.3839416 C17.8056532,5.66894833 18,6.08787823 18,6.52920201 L18,19.0833333 C18,20.8738751 17.9795521,21 16.1428571,21 L4.85714286,21 C3.02044787,21 3,20.8738751 3,19.0833333 L3,2.91666667 C3,1.12612489 3.02044787,1 4.85714286,1 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  133.                                                                 <path d="M6.85714286,3 L14.7364114,3 C15.0910962,3 15.4343066,3.12568431 15.7051108,3.35473959 L20.4686994,7.3839416 C20.8056532,7.66894833 21,8.08787823 21,8.52920201 L21,21.0833333 C21,22.8738751 20.9795521,23 19.1428571,23 L6.85714286,23 C5.02044787,23 5,22.8738751 5,21.0833333 L5,4.91666667 C5,3.12612489 5.02044787,3 6.85714286,3 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" fill="#000000" fill-rule="nonzero" />
  134.                                                             </g>
  135.                                                         </svg>
  136.                                                     </span>
  137.                                                     <!--end::Svg Icon-->
  138.                                                 </span>
  139.                                 <span class="menu-title">Filière</span>
  140.                             </a>
  141.                         </div>
  142.                     </div>
  143.                 </div>
  144.                 <div data-kt-menu-trigger="click" data-kt-menu-placement="right-start" data-kt-menu-flip="bottom" class="menu-item py-2">
  145.                     <span class="menu-link menu-center" title="Gestion date" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right">
  146.                         <span class="menu-icon me-0">
  147.                             <!--begin::Svg Icon | path: icons/duotone/Communication/More.svg-->
  148.                             <span class="svg-icon svg-icon-1">
  149.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  150.                                     <path d="M12 2C6.47714 2 2 6.47714 2 12C2 17.5229 6.47714 22 12 22C17.5229 22 22 17.5229 22 12C22 6.47714 17.5229 2 12 2ZM7.16484 13.5385C6.31653 13.5385 5.62637 12.8483 5.62637 12C5.62637 11.1517 6.31653 10.4615 7.16484 10.4615C8.01314 10.4615 8.7033 11.1517 8.7033 12C8.7033 12.8483 8.01314 13.5385 7.16484 13.5385ZM12 13.5385C11.1517 13.5385 10.4615 12.8483 10.4615 12C10.4615 11.1517 11.1517 10.4615 12 10.4615C12.8483 10.4615 13.5385 11.1517 13.5385 12C13.5385 12.8483 12.8483 13.5385 12 13.5385ZM16.8352 13.5385C15.9869 13.5385 15.2967 12.8483 15.2967 12C15.2967 11.1517 15.9869 10.4615 16.8352 10.4615C17.6835 10.4615 18.3736 11.1517 18.3736 12C18.3736 12.8483 17.6835 13.5385 16.8352 13.5385Z" fill="#E4E6EF" />
  151.                                 </svg>
  152.                             </span>
  153.                             <!--end::Svg Icon-->
  154.                         </span>
  155.                     </span>
  156.                     <div class="menu-sub menu-sub-dropdown w-225px px-1 py-4">
  157.                         <div class="menu-item">
  158.                             <div class="menu-content">
  159.                                 <span class="menu-section fs-5 fw-bolder ps-1 py-1">Gestion date</span>
  160.                             </div>
  161.                         </div>
  162.                         <div class="menu-item">
  163.                             <a class="menu-link" href="{{ path('app_periode_cle_index') }}"  title="Check out over 200 in-house components, plugins and ready for use solutions" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right">
  164.                                                 <span class="menu-icon">
  165.                                                     <!--begin::Svg Icon | path: icons/duotone/Layout/Layout-arrange.svg-->
  166.                                                     <span class="svg-icon svg-icon-2">
  167.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  168.                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  169.                                                                 <rect x="0" y="0" width="24" height="24" />
  170.                                                                 <path d="M5.5,4 L9.5,4 C10.3284271,4 11,4.67157288 11,5.5 L11,6.5 C11,7.32842712 10.3284271,8 9.5,8 L5.5,8 C4.67157288,8 4,7.32842712 4,6.5 L4,5.5 C4,4.67157288 4.67157288,4 5.5,4 Z M14.5,16 L18.5,16 C19.3284271,16 20,16.6715729 20,17.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,17.5 C13,16.6715729 13.6715729,16 14.5,16 Z" fill="#000000" />
  171.                                                                 <path d="M5.5,10 L9.5,10 C10.3284271,10 11,10.6715729 11,11.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,11.5 C4,10.6715729 4.67157288,10 5.5,10 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,12.5 C20,13.3284271 19.3284271,14 18.5,14 L14.5,14 C13.6715729,14 13,13.3284271 13,12.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z" fill="#000000" opacity="0.3" />
  172.                                                             </g>
  173.                                                         </svg>
  174.                                                     </span>
  175.                                                     <!--end::Svg Icon-->
  176.                                                 </span>
  177.                                 <span class="menu-title">Période clé</span>
  178.                             </a>
  179.                         </div>
  180.                         <div class="menu-item">
  181.                             <a class="menu-link" href="{{ path('app_periode_type_index') }}"title="Check out the complete documentation" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right">
  182.                                                 <span class="menu-icon">
  183.                                                     <!--begin::Svg Icon | path: icons/duotone/Design/PenAndRuller.svg-->
  184.                                                     <span class="svg-icon svg-icon-3">
  185.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  186.                                                             <path d="M3,16 L5,16 C5.55228475,16 6,15.5522847 6,15 C6,14.4477153 5.55228475,14 5,14 L3,14 L3,12 L5,12 C5.55228475,12 6,11.5522847 6,11 C6,10.4477153 5.55228475,10 5,10 L3,10 L3,8 L5,8 C5.55228475,8 6,7.55228475 6,7 C6,6.44771525 5.55228475,6 5,6 L3,6 L3,4 C3,3.44771525 3.44771525,3 4,3 L10,3 C10.5522847,3 11,3.44771525 11,4 L11,19 C11,19.5522847 10.5522847,20 10,20 L4,20 C3.44771525,20 3,19.5522847 3,19 L3,16 Z" fill="#000000" opacity="0.3" />
  187.                                                             <path d="M16,3 L19,3 C20.1045695,3 21,3.8954305 21,5 L21,15.2485298 C21,15.7329761 20.8241635,16.200956 20.5051534,16.565539 L17.8762883,19.5699562 C17.6944473,19.7777745 17.378566,19.7988332 17.1707477,19.6169922 C17.1540423,19.602375 17.1383289,19.5866616 17.1237117,19.5699562 L14.4948466,16.565539 C14.1758365,16.200956 14,15.7329761 14,15.2485298 L14,5 C14,3.8954305 14.8954305,3 16,3 Z" fill="#000000" />
  188.                                                         </svg>
  189.                                                     </span>
  190.                                                     <!--end::Svg Icon-->
  191.                                                 </span>
  192.                                 <span class="menu-title">Période Type</span>
  193.                             </a>
  194.                         </div>
  195.                     </div>
  196.                 </div>
  197.                 <div data-kt-menu-trigger="click" data-kt-menu-placement="right-start" data-kt-menu-flip="bottom" class="menu-item py-2">
  198.                     <span class="menu-link menu-center" title="Resources" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right">
  199.                         <span class="menu-icon me-0">
  200.                             <!--begin::Svg Icon | path: icons/duotone/Communication/More.svg-->
  201.                             <span class="svg-icon svg-icon-1">
  202.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  203.                                     <path d="M12 2C6.47714 2 2 6.47714 2 12C2 17.5229 6.47714 22 12 22C17.5229 22 22 17.5229 22 12C22 6.47714 17.5229 2 12 2ZM7.16484 13.5385C6.31653 13.5385 5.62637 12.8483 5.62637 12C5.62637 11.1517 6.31653 10.4615 7.16484 10.4615C8.01314 10.4615 8.7033 11.1517 8.7033 12C8.7033 12.8483 8.01314 13.5385 7.16484 13.5385ZM12 13.5385C11.1517 13.5385 10.4615 12.8483 10.4615 12C10.4615 11.1517 11.1517 10.4615 12 10.4615C12.8483 10.4615 13.5385 11.1517 13.5385 12C13.5385 12.8483 12.8483 13.5385 12 13.5385ZM16.8352 13.5385C15.9869 13.5385 15.2967 12.8483 15.2967 12C15.2967 11.1517 15.9869 10.4615 16.8352 10.4615C17.6835 10.4615 18.3736 11.1517 18.3736 12C18.3736 12.8483 17.6835 13.5385 16.8352 13.5385Z" fill="#E4E6EF" />
  204.                                 </svg>
  205.                             </span>
  206.                             <!--end::Svg Icon-->
  207.                         </span>
  208.                     </span>
  209.                     <div class="menu-sub menu-sub-dropdown w-225px px-1 py-4">
  210.                         <div class="menu-item">
  211.                             <div class="menu-content">
  212.                                 <span class="menu-section fs-5 fw-bolder ps-1 py-1">Resources</span>
  213.                             </div>
  214.                         </div>
  215.                         <div class="menu-item">
  216.                             <a class="menu-link" href="https://preview.keenthemes.com/jet-html-free/documentation/base/utilities.html" target="_blank" title="Check out over 200 in-house components, plugins and ready for use solutions" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right">
  217.                                                 <span class="menu-icon">
  218.                                                     <!--begin::Svg Icon | path: icons/duotone/Layout/Layout-arrange.svg-->
  219.                                                     <span class="svg-icon svg-icon-2">
  220.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  221.                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  222.                                                                 <rect x="0" y="0" width="24" height="24" />
  223.                                                                 <path d="M5.5,4 L9.5,4 C10.3284271,4 11,4.67157288 11,5.5 L11,6.5 C11,7.32842712 10.3284271,8 9.5,8 L5.5,8 C4.67157288,8 4,7.32842712 4,6.5 L4,5.5 C4,4.67157288 4.67157288,4 5.5,4 Z M14.5,16 L18.5,16 C19.3284271,16 20,16.6715729 20,17.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,17.5 C13,16.6715729 13.6715729,16 14.5,16 Z" fill="#000000" />
  224.                                                                 <path d="M5.5,10 L9.5,10 C10.3284271,10 11,10.6715729 11,11.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,11.5 C4,10.6715729 4.67157288,10 5.5,10 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,12.5 C20,13.3284271 19.3284271,14 18.5,14 L14.5,14 C13.6715729,14 13,13.3284271 13,12.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z" fill="#000000" opacity="0.3" />
  225.                                                             </g>
  226.                                                         </svg>
  227.                                                     </span>
  228.                                                     <!--end::Svg Icon-->
  229.                                                 </span>
  230.                                 <span class="menu-title">Components</span>
  231.                             </a>
  232.                         </div>
  233.                         <div class="menu-item">
  234.                             <a class="menu-link" href="https://preview.keenthemes.com/jet-html-free/documentation/getting-started.html" target="_blank" title="Check out the complete documentation" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right">
  235.                                                 <span class="menu-icon">
  236.                                                     <!--begin::Svg Icon | path: icons/duotone/Design/PenAndRuller.svg-->
  237.                                                     <span class="svg-icon svg-icon-3">
  238.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
  239.                                                             <path d="M3,16 L5,16 C5.55228475,16 6,15.5522847 6,15 C6,14.4477153 5.55228475,14 5,14 L3,14 L3,12 L5,12 C5.55228475,12 6,11.5522847 6,11 C6,10.4477153 5.55228475,10 5,10 L3,10 L3,8 L5,8 C5.55228475,8 6,7.55228475 6,7 C6,6.44771525 5.55228475,6 5,6 L3,6 L3,4 C3,3.44771525 3.44771525,3 4,3 L10,3 C10.5522847,3 11,3.44771525 11,4 L11,19 C11,19.5522847 10.5522847,20 10,20 L4,20 C3.44771525,20 3,19.5522847 3,19 L3,16 Z" fill="#000000" opacity="0.3" />
  240.                                                             <path d="M16,3 L19,3 C20.1045695,3 21,3.8954305 21,5 L21,15.2485298 C21,15.7329761 20.8241635,16.200956 20.5051534,16.565539 L17.8762883,19.5699562 C17.6944473,19.7777745 17.378566,19.7988332 17.1707477,19.6169922 C17.1540423,19.602375 17.1383289,19.5866616 17.1237117,19.5699562 L14.4948466,16.565539 C14.1758365,16.200956 14,15.7329761 14,15.2485298 L14,5 C14,3.8954305 14.8954305,3 16,3 Z" fill="#000000" />
  241.                                                         </svg>
  242.                                                     </span>
  243.                                                     <!--end::Svg Icon-->
  244.                                                 </span>
  245.                                 <span class="menu-title">Documentation</span>
  246.                             </a>
  247.                         </div>
  248.                         <div class="menu-item">
  249.                             <a class="menu-link" href="https://preview.keenthemes.com/jet-html-free/documentation/getting-started/changelog.html" target="_blank">
  250.                                                 <span class="menu-icon">
  251.                                                     <!--begin::Svg Icon | path: icons/duotone/Files/Selected-file.svg-->
  252.                                                     <span class="svg-icon svg-icon-3">
  253.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px"
  254.                                                              height="24px" viewBox="0 0 24 24" version="1.1">
  255.                                                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  256.                                                                 <polygon points="0 0 24 0 24 24 0 24" />
  257.                                                                 <path d="M4.85714286,1 L11.7364114,1 C12.0910962,1 12.4343066,1.12568431 12.7051108,1.35473959 L17.4686994,5.3839416 C17.8056532,5.66894833 18,6.08787823 18,6.52920201 L18,19.0833333 C18,20.8738751 17.9795521,21 16.1428571,21 L4.85714286,21 C3.02044787,21 3,20.8738751 3,19.0833333 L3,2.91666667 C3,1.12612489 3.02044787,1 4.85714286,1 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  258.                                                                 <path d="M6.85714286,3 L14.7364114,3 C15.0910962,3 15.4343066,3.12568431 15.7051108,3.35473959 L20.4686994,7.3839416 C20.8056532,7.66894833 21,8.08787823 21,8.52920201 L21,21.0833333 C21,22.8738751 20.9795521,23 19.1428571,23 L6.85714286,23 C5.02044787,23 5,22.8738751 5,21.0833333 L5,4.91666667 C5,3.12612489 5.02044787,3 6.85714286,3 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" fill="#000000" fill-rule="nonzero" />
  259.                                                             </g>
  260.                                                         </svg>
  261.                                                     </span>
  262.                                                     <!--end::Svg Icon-->
  263.                                                 </span>
  264.                                 <span class="menu-title">Changelog</span>
  265.                             </a>
  266.                         </div>
  267.                     </div>
  268.                 </div>
  269.             </div>
  270.             <!--end::Primary menu-->
  271.         </div>
  272.         <!--end::Nav-->
  273.         <!--begin::Footer-->
  274.         <div class="aside-footer d-flex flex-column align-items-center flex-column-auto" id="kt_aside_footer">
  275.             <!--begin::Menu-->
  276.             <div class="mb-7">
  277.                 <button type="button"
  278.                         class="btn btm-sm btn-icon btn-color-gray-400 btn-active-color-primary btn-active-light"
  279.                         data-kt-menu-trigger="click" data-kt-menu-overflow="true" data-kt-menu-placement="top-start"
  280.                         data-kt-menu-flip="top-end" data-bs-toggle="tooltip" data-bs-placement="right"
  281.                         data-bs-dismiss="click" title="Quick actions">
  282.                     <!--begin::Svg Icon | path: icons/duotone/Communication/Dial-numbers.svg-->
  283.                     <span class="svg-icon svg-icon-2 svg-icon-lg-1">
  284.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
  285.                                              viewBox="0 0 24 24" version="1.1">
  286.                                             <rect fill="#000000" opacity="0.3" x="4" y="4" width="4" height="4" rx="2"/>
  287.                                             <rect fill="#000000" x="4" y="10" width="4" height="4" rx="2"/>
  288.                                             <rect fill="#000000" x="10" y="4" width="4" height="4" rx="2"/>
  289.                                             <rect fill="#000000" x="10" y="10" width="4" height="4" rx="2"/>
  290.                                             <rect fill="#000000" x="16" y="4" width="4" height="4" rx="2"/>
  291.                                             <rect fill="#000000" x="16" y="10" width="4" height="4" rx="2"/>
  292.                                             <rect fill="#000000" x="4" y="16" width="4" height="4" rx="2"/>
  293.                                             <rect fill="#000000" x="10" y="16" width="4" height="4" rx="2"/>
  294.                                             <rect fill="#000000" x="16" y="16" width="4" height="4" rx="2"/>
  295.                                         </svg>
  296.                                     </span>
  297.                     <!--end::Svg Icon-->
  298.                 </button>
  299.                 <!--begin::Menu 2-->
  300.                 <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold w-200px"
  301.                      data-kt-menu="true">
  302.                     <!--begin::Menu item-->
  303.                     <div class="menu-item px-3">
  304.                         <div class="menu-content fs-6 text-dark fw-bolder px-3 py-4">Quick Actions</div>
  305.                     </div>
  306.                     <!--end::Menu item-->
  307.                     <!--begin::Menu separator-->
  308.                     <div class="separator mb-3 opacity-75"></div>
  309.                     <!--end::Menu separator-->
  310.                     <!--begin::Menu item-->
  311.                     <div class="menu-item px-3">
  312.                         <a href="#" class="menu-link px-3">New Ticket</a>
  313.                     </div>
  314.                     <!--end::Menu item-->
  315.                     <!--begin::Menu item-->
  316.                     <div class="menu-item px-3">
  317.                         <a href="#" class="menu-link px-3">New Customer</a>
  318.                     </div>
  319.                     <!--end::Menu item-->
  320.                     <!--begin::Menu item-->
  321.                     <div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start"
  322.                          data-kt-menu-flip="left-start, top">
  323.                         <!--begin::Menu item-->
  324.                         <a href="#" class="menu-link px-3">
  325.                             <span class="menu-title">New Group</span>
  326.                             <span class="menu-arrow"></span>
  327.                         </a>
  328.                         <!--end::Menu item-->
  329.                         <!--begin::Menu sub-->
  330.                         <div class="menu-sub menu-sub-dropdown w-175px py-4">
  331.                             <!--begin::Menu item-->
  332.                             <div class="menu-item px-3">
  333.                                 <a href="#" class="menu-link px-3">Admin Group</a>
  334.                             </div>
  335.                             <!--end::Menu item-->
  336.                             <!--begin::Menu item-->
  337.                             <div class="menu-item px-3">
  338.                                 <a href="#" class="menu-link px-3">Staff Group</a>
  339.                             </div>
  340.                             <!--end::Menu item-->
  341.                             <!--begin::Menu item-->
  342.                             <div class="menu-item px-3">
  343.                                 <a href="#" class="menu-link px-3">Member Group</a>
  344.                             </div>
  345.                             <!--end::Menu item-->
  346.                         </div>
  347.                         <!--end::Menu sub-->
  348.                     </div>
  349.                     <!--end::Menu item-->
  350.                     <!--begin::Menu item-->
  351.                     <div class="menu-item px-3">
  352.                         <a href="#" class="menu-link px-3">New Contact</a>
  353.                     </div>
  354.                     <!--end::Menu item-->
  355.                     <!--begin::Menu separator-->
  356.                     <div class="separator mt-3 opacity-75"></div>
  357.                     <!--end::Menu separator-->
  358.                     <!--begin::Menu item-->
  359.                     <div class="menu-item px-3">
  360.                         <div class="menu-content px-3 py-3">
  361.                             <a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
  362.                         </div>
  363.                     </div>
  364.                     <!--end::Menu item-->
  365.                 </div>
  366.                 <!--end::Menu 2-->
  367.             </div>
  368.             <!--end::Menu-->
  369.         </div>
  370.         <!--end::Footer-->
  371.     </div>
  372.     <!--end::Primary-->
  373.     <!--begin::Action-->
  374.     <!--end::Action-->
  375. </div>
  376. <!--end::Aside-->