templates/client/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Liste des clients
  4. {% endblock %}
  6. {% block styles %}
  7.     {{ encore_entry_link_tags('plugins/custom/datatables/datatables.bundle') }}
  8. {% endblock %}
  10. {% block body %}
  12.     <div id="kt_content_container" class="container-fluid" {{ stimulus_controller('client--index') }}>
  13.         <div class="mobile-menu" {{ stimulus_controller('mission--scroll') }}>
  14.             {% if app.request.get('_route') == 'client_index' %}
  15.                 <div class="mobile-head mb-4">
  16.                     <svg id="kt_aside_mobile_toggle" width="48" class="menu-toggle" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  17.                         <rect width="48" height="40" rx="6" fill="#F1F0F4"/>
  18.                         <path d="M15.75 20L32.25 20" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  19.                         <path d="M15.75 14L32.25 14" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  20.                         <path d="M15.75 26L32.25 26" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  21.                     </svg>
  22.                     
  23.                     <h1 class="text-uppercase">Liste des clients</h1>
  24.                     <svg id="search_btn_mobile_open" class="hidden"  width="48" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  25.                         <rect x="0.5" y="0.5" width="47" height="39" rx="7.5" fill="#F9FAFB"/>
  26.                         <rect x="0.5" y="0.5" width="47" height="39" rx="7.5" stroke="#EAECF0"/>
  27.                         <g clip-path="url(#clip0_1161_6063)">
  28.                         <path d="M22.5 26C26.6421 26 30 22.6421 30 18.5C30 14.3579 26.6421 11 22.5 11C18.3579 11 15 14.3579 15 18.5C15 22.6421 18.3579 26 22.5 26Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  29.                         <path d="M27.8027 23.8035L32.9993 29" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  30.                         </g>
  31.                         <defs>
  32.                         <clipPath id="clip0_1161_6063">
  33.                         <rect width="24" height="24" fill="white" transform="translate(12 8)"/>
  34.                         </clipPath>
  35.                         </defs>
  36.                     </svg>
  37.                     <svg id="search_btn_mobile_close" class="hidden" width="48" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  38.                         <rect x="0.5" y="0.5" width="47" height="39" rx="7.5" fill="var(--my-flow-pink)"></rect>
  39.                         <rect x="0.5" y="0.5" width="47" height="39" rx="7.5" stroke="#fff"></rect>
  40.                         <g clip-path="url(#clip0_1161_6063)">
  41.                         <path d="M22.5 26C26.6421 26 30 22.6421 30 18.5C30 14.3579 26.6421 11 22.5 11C18.3579 11 15 14.3579 15 18.5C15 22.6421 18.3579 26 22.5 26Z" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  42.                         <path d="M27.8027 23.8035L32.9993 29" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  43.                         </g>
  44.                         <defs>
  45.                         <clipPath id="clip0_1161_6063">
  46.                         <rect width="24" height="24" fill="white" transform="translate(12 8)"></rect>
  47.                         </clipPath>
  48.                         </defs>
  49.                     </svg>
  50.                 </div>
  51.                 <div class="collapse align-items-center position-relative my-1" id="search_container_mobile" style="flex-direction: column;">
  52.                     <div class="d-flex align-items-center position-relative my-1" style="width: 100%;">
  53.                         <span class="svg-icon svg-icon-1 position-absolute ms-6">
  54.                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewbox="0 0 24 24" version="1.1">
  55.                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  56.                                     <rect x="0" y="0" width="24" height="24"/>
  57.                                     <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
  58.                                     <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero"/>
  59.                                 </g>
  60.                             </svg>
  61.                         </span>
  62.                         <input type="text" class="form-control form-control w-600px ps-15" placeholder="Rechercher ..." {{ stimulus_action('client--index', 'searchTable', 'keyup') }}/>
  63.                     </div>
  64.                 </div>
  65.             {% endif %}
  66.             {% if app.request.get('_route') == 'client_gestionnaire_index' %}
  67.                 <div class="mobile-head mb-4">
  68.                     <svg id="kt_aside_mobile_toggle" width="48" class="menu-toggle" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  69.                         <rect width="48" height="40" rx="6" fill="#F1F0F4"/>
  70.                         <path d="M15.75 20L32.25 20" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  71.                         <path d="M15.75 14L32.25 14" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  72.                         <path d="M15.75 26L32.25 26" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  73.                     </svg>
  74.                     
  75.                     <h1 class="text-uppercase">Liste des gestionnaire</h1>
  76.                     <svg id="search_btn_mobile_open"  width="48" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  77.                         <rect x="0.5" y="0.5" width="47" height="39" rx="7.5" fill="#F9FAFB"/>
  78.                         <rect x="0.5" y="0.5" width="47" height="39" rx="7.5" stroke="#EAECF0"/>
  79.                         <g clip-path="url(#clip0_1161_6063)">
  80.                         <path d="M22.5 26C26.6421 26 30 22.6421 30 18.5C30 14.3579 26.6421 11 22.5 11C18.3579 11 15 14.3579 15 18.5C15 22.6421 18.3579 26 22.5 26Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  81.                         <path d="M27.8027 23.8035L32.9993 29" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  82.                         </g>
  83.                         <defs>
  84.                         <clipPath id="clip0_1161_6063">
  85.                         <rect width="24" height="24" fill="white" transform="translate(12 8)"/>
  86.                         </clipPath>
  87.                         </defs>
  88.                     </svg>
  89.                     <svg id="search_btn_mobile_close" width="48" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  90.                         <rect x="0.5" y="0.5" width="47" height="39" rx="7.5" fill="var(--my-flow-pink)"></rect>
  91.                         <rect x="0.5" y="0.5" width="47" height="39" rx="7.5" stroke="#fff"></rect>
  92.                         <g clip-path="url(#clip0_1161_6063)">
  93.                         <path d="M22.5 26C26.6421 26 30 22.6421 30 18.5C30 14.3579 26.6421 11 22.5 11C18.3579 11 15 14.3579 15 18.5C15 22.6421 18.3579 26 22.5 26Z" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  94.                         <path d="M27.8027 23.8035L32.9993 29" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  95.                         </g>
  96.                         <defs>
  97.                         <clipPath id="clip0_1161_6063">
  98.                         <rect width="24" height="24" fill="white" transform="translate(12 8)"></rect>
  99.                         </clipPath>
  100.                         </defs>
  101.                     </svg>
  102.                 </div>
  103.                 <div class="collapse align-items-center position-relative my-1" id="search_container_mobile" style="flex-direction: column;">
  104.                     <div class="d-flex align-items-center position-relative my-1" style="width: 100%;">
  105.                         <span class="svg-icon svg-icon-1 position-absolute ms-6">
  106.                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewbox="0 0 24 24" version="1.1">
  107.                                 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  108.                                     <rect x="0" y="0" width="24" height="24"/>
  109.                                     <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
  110.                                     <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero"/>
  111.                                 </g>
  112.                             </svg>
  113.                         </span>
  114.                         <input type="text" class="form-control form-control " placeholder="Rechercher ..." {{ stimulus_action('client--index', 'searchTable', 'keyup') }}/>
  115.                     </div>
  116.                 </div>
  117.             {% endif %}
  118.         </div>
  119.         <div class="titre-header client title-header-client">
  120.             {% if app.request.get('_route') == 'client_index' %}
  122.                 <h1 class="text-uppercase mobile-none">Liste des clients</h1>
  123.                 {# <div class="d-flex align-items-center position-relative my-1 mobile-none">
  124.                     <span class="svg-icon svg-icon-1 position-absolute ms-6">
  125.                         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewbox="0 0 24 24" version="1.1">
  126.                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  127.                                 <rect x="0" y="0" width="24" height="24"/>
  128.                                 <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
  129.                                 <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero"/>
  130.                             </g>
  131.                         </svg>
  132.                     </span>
  133.                     <input type="text" class="form-control form-control w-600px ps-15" placeholder="Rechercher ..." {{ stimulus_action('client--index', 'searchTable', 'keyup') }}/>
  134.                 </div> #}
  135.                 <div clas="container-export">
  136.                     <a href="{{ path('client_new') }}" class="btn btn-primary-custom font-weight-bold">
  137.                         <i class="fas fa-plus-circle text-white pr-2"></i>Ajouter
  138.                     </a>
  139.                     <a href="{{path('client_export',{'type':'client'})}}" target="_blank" class="btn btn-primary">Exporter</a>
  140.                 </div>
  141.                 
  142.             {% endif %}
  143.             {% if app.request.get('_route') == 'client_gestionnaire_index' %}
  144.                 
  145.                 <h1 class="text-uppercase  mobile-none">Liste des gestionnaire</h1>
  146.                 <div class="d-flex align-items-center position-relative my-1  mobile-none">
  147.                     <span class="svg-icon svg-icon-1 position-absolute ms-6">
  148.                         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewbox="0 0 24 24" version="1.1">
  149.                             <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  150.                                 <rect x="0" y="0" width="24" height="24"/>
  151.                                 <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
  152.                                 <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero"/>
  153.                             </g>
  154.                         </svg>
  155.                     </span>
  156.                     <input type="text" class="form-control form-control w-600px ps-15" placeholder="Rechercher ..." {{ stimulus_action('client--index', 'searchTable', 'keyup') }}/>
  157.                 </div>
  158.                 <div clas="container-export">
  159.                     <a href="{{ path('client_gestionaires_new') }}" class="btn btn-primary-custom font-weight-bold">
  160.                         <i class="fas fa-plus-circle text-white"></i>Ajouter
  161.                     </a>
  162.                     
  163.                 </div>
  164.                 
  165.             {% endif %}
  166.         </div>
  167.         <div class="card shadow-sm mt-5" data-live-ignore>
  168.             <div class="card-body">
  169.                 {{ include('client/_menus_client.html.twig') }}
  170.                 <div class="ctn-filter ctn-filter mt-8 my-4" style="align-items:baseline">
  171.                     <div>
  172.                         <button id="show-filter" class="btn btn-filter collapsed " data-toggle="collapse" data-target="#refontefilterfile" aria-expanded="false" aria-controls="collapsefilter">Filtrer
  173.                             <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
  174.                                 <g clip-path="url(#clip0_2053_1644)">
  175.                                     <path d="M6 13.25H18" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  176.                                     <path d="M2.25 8.75H21.75" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  177.                                     <path d="M9.75 17.75H14.25" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
  178.                                 </g>
  179.                                 <defs>
  180.                                     <clipPath id="clip0_2053_1644">
  181.                                         <rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect>
  182.                                     </clipPath>
  183.                                 </defs>
  184.                             </svg>
  185.                         </button>
  186.                     </div>
  187.                     <div class="ml-4 w-96" style="width: 96%;overflow-x: auto;">
  188.                         <div class="container-filter collapse " id="refontefilterfile" style="">
  189.                             <div id="refonte" style="gap: 12px;padding:0 !important;border:0;width: 100% !important;align-items: baseline;" class="refont-table mrn-grid  position-relative cursor:pointer;  width: 900px;  ">
  190.                                 <div class="div-relative">
  191.                                     <input  type="text"
  192.                                         style="margin-right: 10px;"
  193.                                         class="form-control input-search mb-0"
  194.                                         placeholder="Recherchez par nom, prénom, ..."
  195.                                             {{ stimulus_action('client--index', 'searchTableThreeColonne', 'keyup') }}
  196.                                     />
  197.                                     <button class="icon-search " type="submit">
  198.                                         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  199.                                             <g clip-path="url(#clip0_2027_2078)">
  200.                                                 <path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  201.                                                 <path d="M15.8035 15.8035L21 21" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  202.                                             </g>
  203.                                             <defs>
  204.                                                 <clipPath id="clip0_2027_2078">
  205.                                                     <rect width="24" height="24" fill="white"></rect>
  206.                                                 </clipPath>
  207.                                             </defs>
  208.                                         </svg>
  209.                                     </button>
  210.                                 </div>
  211.                                 <div class="div-relative">
  212.                                     <input  type="text"
  213.                                         style="margin-right: 10px;"
  214.                                         class="form-control input-search mb-0"
  215.                                         placeholder="Recherchez par rôle"
  216.                                             {{ stimulus_action('client--index', 'searchTableRoleClient', 'keyup') }}
  217.                                     />
  218.                                     <button class="icon-search ">
  219.                                         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  220.                                             <g clip-path="url(#clip0_2027_2078)">
  221.                                                 <path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  222.                                                 <path d="M15.8035 15.8035L21 21" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  223.                                             </g>
  224.                                             <defs>
  225.                                                 <clipPath id="clip0_2027_2078">
  226.                                                     <rect width="24" height="24" fill="white"></rect>
  227.                                                 </clipPath>
  228.                                             </defs>
  229.                                         </svg>
  230.                                     </button>
  231.                                 </div>
  232.                                 <div class="div-relative">
  233.                                    <select name="" class="select-sort-user my-0 mx-0" id="status_filter" {{ stimulus_action('client--index', 'filter', 'change') }}>
  234.                                         <option value="">Recherchez par activation</option>
  235.                                         <option value="1">Oui</option>
  236.                                         <option value="0">Non</option>
  237.                                     </select>
  238.                                     <button class="icon-search ">
  239.                                         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  240.                                             <g clip-path="url(#clip0_2027_2078)">
  241.                                                 <path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  242.                                                 <path d="M15.8035 15.8035L21 21" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  243.                                             </g>
  244.                                             <defs>
  245.                                                 <clipPath id="clip0_2027_2078">
  246.                                                     <rect width="24" height="24" fill="white"></rect>
  247.                                                 </clipPath>
  248.                                             </defs>
  249.                                         </svg>
  250.                                     </button>
  251.                                 </div>
  252.                                 
  253.                                 <div class="div-relative">
  254.                                     <input  type="text"
  255.                                         style="margin-right: 10px;"
  256.                                         class="form-control input-search mb-0"
  257.                                         placeholder="Recherchez par entreprise"
  258.                                             {{ stimulus_action('client--index', 'searchTableEnterprisesClients', 'keyup') }}
  259.                                     />
  260.                                     <button class="icon-search ">
  261.                                         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  262.                                             <g clip-path="url(#clip0_2027_2078)">
  263.                                                 <path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  264.                                                 <path d="M15.8035 15.8035L21 21" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  265.                                             </g>
  266.                                             <defs>
  267.                                                 <clipPath id="clip0_2027_2078">
  268.                                                     <rect width="24" height="24" fill="white"></rect>
  269.                                                 </clipPath>
  270.                                             </defs>
  271.                                         </svg>
  272.                                     </button>
  273.                                 </div>
  274.                                 <div class="filter-btn ">
  275.                                     <div class="btn-wordpress-and-commande">
  276.                                         <a title="Réinitialiser" href="/admin/clients" class="btn btn-custom bg-custom-pink">
  277.                                             <svg version="1.1" x="0px" y="0px" width="20" height="20" viewBox="0 0 24 24.001" enable-background="new 0 0 24 24.001" xml:space="preserve">
  278.                                                 <g>
  279.                                                     <path fill-rule="evenodd" clip-rule="evenodd" fill="transparent" d="M4.688,24.001c-1.563,0-3.125,0-4.688,0C0,16,0,8,0,0
  280.                                                                                         c6.391,0,12.782,0,19.173,0c-0.4,0.154-0.541,0.451-0.512,0.868c0.039,0.569,0.055,1.139,0.074,1.709
  281.                                                                                         c0.009,0.253,0.001,0.508,0.001,0.788c-0.083-0.058-0.152-0.103-0.218-0.154c-1.753-1.348-3.739-2.099-5.939-2.214
  282.                                                                                         C8.958,0.807,5.917,2.088,3.591,4.862c-2.313,2.757-3.024,5.957-2.27,9.478c0.025,0.118,0.082,0.239,0.155,0.335
  283.                                                                                         c0.181,0.238,0.515,0.309,0.781,0.184c0.3-0.14,0.436-0.435,0.352-0.809c-0.254-1.13-0.326-2.268-0.174-3.418
  284.                                                                                         C2.68,8.762,3.387,7.088,4.626,5.672c2.153-2.46,4.881-3.577,8.148-3.327c1.629,0.125,3.115,0.68,4.475,1.58
  285.                                                                                         c0.216,0.143,0.418,0.308,0.626,0.463c-0.007,0.021-0.014,0.041-0.021,0.062c-0.115,0-0.229-0.004-0.344,0
  286.                                                                                         c-0.796,0.029-1.592,0.058-2.388,0.092c-0.399,0.017-0.68,0.301-0.673,0.666c0.008,0.378,0.305,0.663,0.712,0.65
  287.                                                                                         c1.429-0.045,2.857-0.096,4.285-0.155c0.465-0.02,0.716-0.299,0.7-0.762c-0.049-1.374-0.113-2.747-0.152-4.121
  288.                                                                                         C19.984,0.436,19.849,0.164,19.501,0C21,0,22.5,0,24,0c0,7.996,0,15.992,0,24.001c-6.327,0-12.655,0-18.984,0
  289.                                                                                         c0.404-0.189,0.524-0.511,0.468-0.938c-0.057-0.433-0.086-0.869-0.125-1.305c-0.031-0.359-0.059-0.719-0.088-1.089
  290.                                                                                         c0.045,0.012,0.063,0.012,0.074,0.021c0.102,0.072,0.202,0.147,0.302,0.221c1.82,1.342,3.864,2.038,6.119,2.11
  291.                                                                                         c1.696,0.056,3.321-0.269,4.863-0.985c2.001-0.931,3.588-2.332,4.743-4.213c0.976-1.588,1.493-3.321,1.587-5.18
  292.                                                                                         c0.053-1.02-0.059-2.027-0.286-3.021c-0.072-0.316-0.31-0.519-0.602-0.536c-0.482-0.028-0.792,0.365-0.675,0.88
  293.                                                                                         c0.346,1.519,0.345,3.035-0.046,4.543c-0.541,2.087-1.653,3.806-3.349,5.143c-1.479,1.167-3.161,1.836-5.034,2.008
  294.                                                                                         c-1.959,0.18-3.807-0.212-5.525-1.168c-0.492-0.273-0.949-0.612-1.421-0.922c0.01-0.021,0.02-0.044,0.029-0.066
  295.                                                                                         c0.347-0.032,0.693-0.064,1.04-0.097c0.606-0.057,1.214-0.099,1.817-0.176c0.371-0.048,0.596-0.369,0.557-0.717
  296.                                                                                         c-0.041-0.36-0.344-0.615-0.722-0.582c-1.447,0.126-2.893,0.256-4.338,0.393c-0.388,0.036-0.613,0.307-0.609,0.696
  297.                                                                                         c0.001,0.086,0.006,0.172,0.014,0.257c0.119,1.298,0.25,2.596,0.351,3.896C4.19,23.565,4.322,23.846,4.688,24.001z"></path>
  298.                                                     <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M19.501,0c0.348,0.164,0.483,0.436,0.494,0.82
  299.                                                                                         c0.039,1.374,0.104,2.748,0.152,4.121c0.016,0.463-0.235,0.742-0.7,0.762c-1.428,0.059-2.856,0.11-4.285,0.155
  300.                                                                                         c-0.407,0.013-0.704-0.272-0.712-0.65c-0.007-0.365,0.273-0.649,0.673-0.666c0.796-0.034,1.592-0.063,2.388-0.092
  301.                                                                                         c0.114-0.004,0.229,0,0.344,0c0.007-0.021,0.014-0.042,0.021-0.062c-0.208-0.155-0.41-0.32-0.626-0.463
  302.                                                                                         c-1.359-0.899-2.846-1.455-4.475-1.58C9.508,2.095,6.78,3.212,4.626,5.672c-1.239,1.416-1.946,3.09-2.192,4.958
  303.                                                                                         c-0.151,1.151-0.08,2.289,0.174,3.418c0.084,0.374-0.052,0.669-0.352,0.809c-0.266,0.125-0.6,0.055-0.781-0.184
  304.                                                                                         c-0.073-0.096-0.129-0.217-0.155-0.335c-0.755-3.521-0.043-6.721,2.27-9.478c2.326-2.773,5.368-4.055,8.988-3.865
  305.                                                                                         c2.2,0.116,4.187,0.866,5.939,2.214c0.065,0.051,0.135,0.096,0.218,0.154c0-0.28,0.008-0.534-0.001-0.788
  306.                                                                                         c-0.02-0.57-0.035-1.14-0.074-1.709C18.632,0.451,18.772,0.154,19.173,0C19.282,0,19.392,0,19.501,0z"></path>
  307.                                                     <path fill-rule="evenodd" fill="#FFFFFF" clip-rule="evenodd" d="M4.688,24.001c-0.366-0.155-0.498-0.437-0.528-0.827
  308.                                                                                         c-0.101-1.3-0.232-2.598-0.351-3.896c-0.008-0.085-0.013-0.171-0.014-0.257c-0.004-0.39,0.221-0.66,0.609-0.696
  309.                                                                                         c1.446-0.137,2.892-0.267,4.338-0.393c0.378-0.033,0.681,0.222,0.722,0.582c0.04,0.348-0.186,0.669-0.557,0.717
  310.                                                                                         c-0.604,0.077-1.211,0.119-1.817,0.176c-0.347,0.032-0.693,0.064-1.04,0.097c-0.01,0.022-0.02,0.045-0.029,0.066
  311.                                                                                         c0.473,0.31,0.929,0.648,1.421,0.922c1.719,0.956,3.566,1.348,5.525,1.168c1.873-0.172,3.556-0.841,5.034-2.008
  312.                                                                                         c1.695-1.337,2.808-3.056,3.349-5.143c0.391-1.509,0.392-3.024,0.046-4.543c-0.117-0.515,0.192-0.908,0.675-0.88
  313.                                                                                         c0.292,0.017,0.529,0.22,0.602,0.536c0.228,0.994,0.339,2.001,0.286,3.021c-0.094,1.858-0.611,3.592-1.587,5.18
  314.                                                                                         c-1.155,1.881-2.742,3.282-4.743,4.213c-1.542,0.717-3.167,1.041-4.863,0.985c-2.255-0.072-4.299-0.769-6.119-2.11
  315.                                                                                         c-0.101-0.073-0.201-0.148-0.302-0.221c-0.011-0.009-0.028-0.009-0.074-0.021c0.03,0.37,0.057,0.729,0.088,1.089
  316.                                                                                         c0.039,0.436,0.067,0.872,0.125,1.305c0.056,0.428-0.064,0.749-0.468,0.938C4.907,24.001,4.797,24.001,4.688,24.001z"></path>
  317.                                                 </g>
  318.                                             </svg>
  319.                                         </a>
  320.                                     </div>
  321.                                 </div>
  322.                                 <div class="btn-wordpress-and-commande hidden">
  323.                                     <div class="filter-btn">
  324.                                         <button data-bs-toggle="modal" data-bs-target="#addRessourceModal" class="btn btn-custom bg-custom-pink btn-addressource">
  325.                                             <svg width="20" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  326.                                                 <path d="M0.92 6.778V4.432H5.313V0.0389988H7.659V4.432H12.052V6.778H7.659V11.171H5.313V6.778H0.92Z" fill="white"/>
  327.                                             </svg>
  328.                                         </button>
  329.                                     </div>
  330.                                 </div>
  331.                             </div>
  332.                         </div>
  333.                     </div>
  334.                 </div>
  335.                 <table id="kt_datatable_example_1" class="table table-row-bordered gy-5" {{ stimulus_target('client--index','datatable') }} data-live-ignore>
  336.                     <thead>
  337.                         <tr class="fw-bold fs-6 text-muted" style="text-align: center;">
  338.                             <th class="align-top" style="vertical-align: middle !important;">
  339.                                 <span class="flitre-icon">
  340.                                     Nom 
  341.                                     <div class="container-icon">
  342.                                         <a href="#" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}  >
  343.                                             <svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  344.                                                 <g clip-path="url(#clip0_2060_1657)">
  345.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  346.                                                 </g>
  347.                                                 <defs>
  348.                                                     <clipPath id="clip0_2060_1657">
  349.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  350.                                                     </clipPath>
  351.                                                 </defs>
  352.                                             </svg>
  353.                                         </a>
  354.                                         <a href="#" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }} >
  355.                                             <svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
  356.                                                 <g clip-path="url(#clip0_2060_1657)">
  357.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  358.                                                 </g>
  359.                                                 <defs>
  360.                                                     <clipPath id="clip0_2060_1657">
  361.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  362.                                                     </clipPath>
  363.                                                 </defs>
  364.                                             </svg>
  365.                                         </a>
  366.                                     </div>
  367.                                 </span>
  368.                             </th>
  369.                             {# <th class="align-top" style="vertical-align: middle !important;">
  370.                                 <span class="flitre-icon">
  371.                                     Nom
  372.                                     <div class="container-icon">
  373.                                         <a href="#" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  374.                                             <svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  375.                                                 <g clip-path="url(#clip0_2060_1657)">
  376.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  377.                                                 </g>
  378.                                                 <defs>
  379.                                                     <clipPath id="clip0_2060_1657">
  380.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  381.                                                     </clipPath>
  382.                                                 </defs>
  383.                                             </svg>
  384.                                         </a>
  385.                                         <a href="#" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  386.                                             <svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
  387.                                                 <g clip-path="url(#clip0_2060_1657)">
  388.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  389.                                                 </g>
  390.                                                 <defs>
  391.                                                     <clipPath id="clip0_2060_1657">
  392.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  393.                                                     </clipPath>
  394.                                                 </defs>
  395.                                             </svg>
  396.                                         </a>
  397.                                     </div>
  398.                                 </span>
  399.                             </th> #}
  400.                             <th class="align-top" style="vertical-align: middle !important;text-align: left;">
  401.                                 <span class="flitre-icon">
  402.                                     Email
  403.                                     <div class="container-icon">
  404.                                         <a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  405.                                             <svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  406.                                                 <g clip-path="url(#clip0_2060_1657)">
  407.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  408.                                                 </g>
  409.                                                 <defs>
  410.                                                     <clipPath id="clip0_2060_1657">
  411.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  412.                                                     </clipPath>
  413.                                                 </defs>
  414.                                             </svg>
  415.                                         </a>
  416.                                         <a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  417.                                             <svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
  418.                                                 <g clip-path="url(#clip0_2060_1657)">
  419.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  420.                                                 </g>
  421.                                                 <defs>
  422.                                                     <clipPath id="clip0_2060_1657">
  423.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  424.                                                     </clipPath>
  425.                                                 </defs>
  426.                                             </svg>
  427.                                         </a>
  428.                                     </div>
  429.                                 </span>
  430.                             </th>
  431.                             <th class="align-top" style="vertical-align: middle !important;text-align: left;">
  432.                                 <span class="flitre-icon">
  433.                                     Rôle
  434.                                     <div class="container-icon">
  435.                                         <a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  436.                                             <svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  437.                                                 <g clip-path="url(#clip0_2060_1657)">
  438.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  439.                                                 </g>
  440.                                                 <defs>
  441.                                                     <clipPath id="clip0_2060_1657">
  442.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  443.                                                     </clipPath>
  444.                                                 </defs>
  445.                                             </svg>
  446.                                         </a>
  447.                                         <a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  448.                                             <svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
  449.                                                 <g clip-path="url(#clip0_2060_1657)">
  450.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  451.                                                 </g>
  452.                                                 <defs>
  453.                                                     <clipPath id="clip0_2060_1657">
  454.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  455.                                                     </clipPath>
  456.                                                 </defs>
  457.                                             </svg>
  458.                                         </a>
  459.                                     </div>
  460.                                 </span>
  461.                             </th>
  462.                             <th class="align-top" style="vertical-align: middle !important;">
  463.                                 
  464.                                 <span class="flitre-icon">
  465.                                     Téléphone
  466.                                     <div class="container-icon">
  467.                                         <a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  468.                                             <svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  469.                                                 <g clip-path="url(#clip0_2060_1657)">
  470.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  471.                                                 </g>
  472.                                                 <defs>
  473.                                                     <clipPath id="clip0_2060_1657">
  474.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  475.                                                     </clipPath>
  476.                                                 </defs>
  477.                                             </svg>
  478.                                         </a>
  479.                                         <a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  480.                                             <svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
  481.                                                 <g clip-path="url(#clip0_2060_1657)">
  482.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  483.                                                 </g>
  484.                                                 <defs>
  485.                                                     <clipPath id="clip0_2060_1657">
  486.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  487.                                                     </clipPath>
  488.                                                 </defs>
  489.                                             </svg>
  490.                                         </a>
  491.                                     </div>
  492.                                 </span>
  493.                             </th>
  494.                             <th class="align-top" style="vertical-align: middle !important;">
  495.                                 <span class="flitre-icon">
  496.                                     Entreprise
  497.                                     <div class="container-icon">
  498.                                         <a href="?name-short=ASC" class="icon-linkd"  {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  499.                                             <svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  500.                                                 <g clip-path="url(#clip0_2060_1657)">
  501.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  502.                                                 </g>
  503.                                                 <defs>
  504.                                                     <clipPath id="clip0_2060_1657">
  505.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  506.                                                     </clipPath>
  507.                                                 </defs>
  508.                                             </svg>
  509.                                         </a>
  510.                                         <a href="?name-short=DESC" class="icon-link2s"  {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  511.                                             <svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
  512.                                                 <g clip-path="url(#clip0_2060_1657)">
  513.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  514.                                                 </g>
  515.                                                 <defs>
  516.                                                     <clipPath id="clip0_2060_1657">
  517.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  518.                                                     </clipPath>
  519.                                                 </defs>
  520.                                             </svg>
  521.                                         </a>
  522.                                     </div>
  523.                                 </span>
  524.                             </th>
  525.                             <th class="align-top" style="vertical-align: middle !important;">
  526.                                 <span class="flitre-icon">
  527.                                     Activé
  528.                                     <div class="container-icon">
  529.                                         <a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  530.                                             <svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  531.                                                 <g clip-path="url(#clip0_2060_1657)">
  532.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  533.                                                 </g>
  534.                                                 <defs>
  535.                                                     <clipPath id="clip0_2060_1657">
  536.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  537.                                                     </clipPath>
  538.                                                 </defs>
  539.                                             </svg>
  540.                                         </a>
  541.                                         <a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  542.                                             <svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
  543.                                                 <g clip-path="url(#clip0_2060_1657)">
  544.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  545.                                                 </g>
  546.                                                 <defs>
  547.                                                     <clipPath id="clip0_2060_1657">
  548.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  549.                                                     </clipPath>
  550.                                                 </defs>
  551.                                             </svg>
  552.                                         </a>
  553.                                     </div>
  554.                                 </span>
  555.                             </th>
  556.                             {# APP mobile #}
  557.                             <th style="text-align:left;">
  558.                                 <span class="flitre-icon">
  559.                                     App mobile
  560.                                     <div class="container-icon">
  561.                                         <a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  562.                                             <svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  563.                                                 <g clip-path="url(#clip0_2060_1657)">
  564.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  565.                                                 </g>
  566.                                                 <defs>
  567.                                                     <clipPath id="clip0_2060_1657">
  568.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  569.                                                     </clipPath>
  570.                                                 </defs>
  571.                                             </svg>
  572.                                         </a>
  573.                                         <a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  574.                                             <svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
  575.                                                 <g clip-path="url(#clip0_2060_1657)">
  576.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  577.                                                 </g>
  578.                                                 <defs>
  579.                                                     <clipPath id="clip0_2060_1657">
  580.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  581.                                                     </clipPath>
  582.                                                 </defs>
  583.                                             </svg>
  584.                                         </a>
  585.                                     </div>
  586.                                 </span>
  587.                             </th>
  588.                             {# fin APP mobile #}
  589.                             <th class="align-top" style="vertical-align: middle !important;">
  590.                                 <span class="flitre-icon">
  591.                                     Date de création
  592.                                     <div class="container-icon">
  593.                                         <a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  594.                                             <svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  595.                                                 <g clip-path="url(#clip0_2060_1657)">
  596.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  597.                                                 </g>
  598.                                                 <defs>
  599.                                                     <clipPath id="clip0_2060_1657">
  600.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  601.                                                     </clipPath>
  602.                                                 </defs>
  603.                                             </svg>
  604.                                         </a>
  605.                                         <a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  606.                                             <svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
  607.                                                 <g clip-path="url(#clip0_2060_1657)">
  608.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  609.                                                 </g>
  610.                                                 <defs>
  611.                                                     <clipPath id="clip0_2060_1657">
  612.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  613.                                                     </clipPath>
  614.                                                 </defs>
  615.                                             </svg>
  616.                                         </a>
  617.                                     </div>
  618.                                 </span>
  619.                             </th>
  620.                             <th class="align-top" style="vertical-align: middle !important;">
  621.                                 <span class="flitre-icon">
  622.                                     Dernière visite
  623.                                     <div class="container-icon">
  624.                                         <a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  625.                                             <svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
  626.                                                 <g clip-path="url(#clip0_2060_1657)">
  627.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  628.                                                 </g>
  629.                                                 <defs>
  630.                                                     <clipPath id="clip0_2060_1657">
  631.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  632.                                                     </clipPath>
  633.                                                 </defs>
  634.                                             </svg>
  635.                                         </a>
  636.                                         <a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
  637.                                             <svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
  638.                                                 <g clip-path="url(#clip0_2060_1657)">
  639.                                                     <path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
  640.                                                 </g>
  641.                                                 <defs>
  642.                                                     <clipPath id="clip0_2060_1657">
  643.                                                         <rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
  644.                                                     </clipPath>
  645.                                                 </defs>
  646.                                             </svg>
  647.                                         </a>
  648.                                     </div>
  649.                                 </span>
  650.                             </th>
  651.                             <th></th>
  652.                         </tr>
  653.                          {# <tr>
  654.                             <th class="align-top" style="vertical-align: middle !important;"></th>
  655.                             <th class="align-top" style="vertical-align: middle !important;"></th>
  656.                             <th class="align-top" style="vertical-align: middle !important;"></th>
  657.                             <th class="align-top" style="vertical-align: middle !important;"></th>
  658.                             <th class="align-top" style="vertical-align: middle !important;"></th>
  659.                             <th class="align-top" style="vertical-align: middle !important;"></th>
  660.                             <th>
  661.                                 <select name="" class="select-sort-user" id="status_filter" {{ stimulus_action('client--index', 'filter', 'change') }}>
  662.                                     <option value="">Tous</option>
  663.                                     <option value="1">Oui</option>
  664.                                     <option value="0">Non</option>
  665.                                  </select>
  666.                             </th>
  667.                             <th class="align-top" style="vertical-align: middle !important;"></th>
  668.                             <th class="align-top" style="vertical-align: middle !important;"></th>
  669.                             <th class="align-top" style="vertical-align: middle !important;"></th>
  670.                         </tr> #}
  672.                     </thead>
  673.                     <tbody>
  674.                         <tr style="display:none;">
  675.                             <td ></td>
  676.                             <td ></td>
  677.                             <td ></td>
  678.                             <td >
  679.                                 <select id="Contrat" style="background: #F9FAFC;width: 170px;height: 35px;border-radius: 5px;border: 1px #A1A5B7 solid;color: #a1a5b7;font-family: Basis Grotesque Pro;">
  680.                                     <option value="Pack de crédit">Pack de crédit</option>
  681.                                     <option value="Facturation fin de mois">Facturation fin de mois</option>
  682.                                     <option value="Facturation mensuelle">Facturation mensuelle</option>
  683.                                     <option value="Comptant">Comptant</option>
  684.                                 </select>
  685.                             </td>
  686.                             <td ></td>
  687.                             <td ></td>
  688.                             <td ></td>
  689.                             <td ></td>
  690.                             <td ></td>
  691.                             <td >
  692.                                 <div class="btn-wordpress-and-commande"style="text-align: right;">
  693.                                     <a href="#" style="font-weight: 500;font-size: 12px;padding: 5px 15px; margin-bottom:5px;" class="btn btn-custom bg-custom-pink">Rechercher</a>
  694.                                 </div>
  695.                                 <div class="btn-wordpress-and-commande"style="text-align: right;">
  696.                                     <a href="#" style="font-weight: 500;font-size: 12px;padding: 5px 15px;" class="btn btn-custom bg-custom-pink">Réinitialiser</a>
  697.                                 </div>
  698.                             </td>
  699.                         </tr>
  700.                         {% for client in clients %}
  701.                             <tr>
  702.                                 <td onclick="goTo('{{ path('client_edit', {'id':client.id}) }}')" style="cursor: pointer;vertical-align: middle;">
  703.                                         <div style="position : relative;display: flex;align-items: center;gap: 5px;">
  704.                                             {# {% if client.getLastActivityInMinute() < 10 %}
  705.                                                 <span class="actif" title ="Actuellement connecté"style="height: 10px;width: 10px;display: inline-block;background: #1b861b;border-radius: 5px;position: absolute;left: -15px;top: 5px;"></span>
  706.                                             {% endif %} #}
  707.                                             {% if client.getLastActivityInMinute() < 10 %}
  708.                                                 <span class="status-online" style="position: static;"></span>
  709.                                             {% else %}
  710.                                                 <span class="status-offline" style="position: static;"></span>
  711.                                             {% endif %}
  712.                                             <span>{{ client.lastname }} {{ client.firstname }}</span>
  713.                                         </div>
  714.                                 </td>
  715.                                 {# <td onclick="goTo('{{ path('client_edit', {'id':client.id}) }}')" style="cursor: pointer;vertical-align: middle;">{{ client.lastname }}</td> #}
  716.                                 <td onclick="goTo('{{ path('client_edit', {'id':client.id}) }}')" style="cursor: pointer;vertical-align: middle;"><div style="max-width:95px">
  717.                                     {% if  client.myFlowEmail is not null %}
  718.                                             {{ client.myFlowEmail }}
  719.                                         {% else %}
  720.                                             {{ client.email }}
  721.                                         {% endif %}
  722.                                     
  723.                                 </div></td>
  724.                                 <td onclick="goTo('{{ path('client_edit', {'id':client.id}) }}')" style="cursor: pointer;vertical-align: middle;">
  726.                                     {% if  client.roles %}
  727.                                         {% if "ROLE_CLIENT_ADMIN" in client.roles %}
  728.                                              Client administrateur
  729.                                         {% elseif "ROLE_CLIENT" in client.roles  %}
  730.                                             Client
  731.                                         {% elseif "ROLE_AUTHOR" in client.roles  %}
  732.                                             Auteur
  733.                                         {% elseif "ROLE_EDITOR" in client.roles  %}
  734.                                             Editeur
  735.                                         {% elseif "ROLE_MANAGER" in client.roles  %}
  736.                                             Gestionnaire
  737.                                         {% elseif "ROLE_ADMIN_AGENCY" in client.roles  %}
  738.                                             Administrateur de l'agence
  739.                                         {% elseif "ROLE_PROJECT_MANAGER" in client.roles  %}
  740.                                             Chef de projet
  741.                                         {% elseif "ROLE_ADMIN_AGENCY" in client.roles  %}
  742.                                             Administrateur de l'agence
  743.                                         {% else %}
  744.                                             {# Pas de rôle definie #}
  745.                                             Client administrateur
  746.                                         {% endif %}
  747.                                     {% else %}
  748.                                         -
  749.                                     {% endif %}
  750.                                 </td>
  751.                                 <td onclick="goTo('{{ path('client_edit', {'id':client.id}) }}')" style="cursor: pointer;vertical-align: middle;"><div style="max-width:95px">{{ client.cellphone }}</div></td>
  752.                                 <td onclick="goTo('{{ path('client_edit', {'id':client.id}) }}')" style="cursor: pointer;vertical-align: middle;" class="font-weight-bold">
  753.                                     {% if  client.company %}
  754.                                         {{ client.company.name }}
  755.                                     {% else %}
  756.                                         -
  757.                                     {% endif %}
  758.                                 </td>
  759.                                 <td style="cursor: pointer;vertical-align: middle;">
  760.                                     <a href="{{ path('client_toggle_availabilty', {'availabilty': client.enabled ? 'disable' : 'enable', 'id': client.id}) }}">
  761.                                         {% if client.enabled == true %}
  762.                                             <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-check2" viewbox="0 0 16 16">
  763.                                                 <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
  764.                                             </svg>
  765.                                             <span style="visibility: hidden;">1</span>
  766.                                         {% else %}
  767.                                             <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-x" viewbox="0 0 16 16">
  768.                                                 <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
  769.                                             </svg>
  770.                                             <span style="visibility: hidden;">0</span>
  771.                                         {% endif %}
  772.                                     </a>
  773.                                 </td>
  774.                                 {# APP mobile #}
  775.                                 <td style="cursor: pointer;vertical-align: middle;">
  776.                                     <a>
  777.                                         {% if client|user_have_app %}
  778.                                             <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-check2" viewbox="0 0 16 16">
  779.                                                 <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
  780.                                             </svg>
  781.                                             <span style="visibility: hidden;">1</span>
  782.                                         {% else %}
  783.                                             <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-x" viewbox="0 0 16 16">
  784.                                                 <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
  785.                                             </svg>
  786.                                             <span style="visibility: hidden;">0</span>
  787.                                         {% endif %}
  788.                                         
  789.                                       
  790.                                     </a>
  791.                                 </td>
  792.                                 {# fin APP mobile #}
  793.                                 <td onclick="goTo('{{ path('client_edit', {'id':client.id}) }}')" style="cursor: pointer;vertical-align: middle;">{{ client.createdAt|date("Y-m-d H:i:s") }}</td>
  794.                                 <td onclick="goTo('{{ path('client_edit', {'id':client.id}) }}')" style="cursor: pointer;vertical-align: middle;">{{ client.lastConnectionAt ? client.lastConnectionAt|date("Y-m-d H:i:s") : '' }}</td>
  795.                                 <td class="text-end" style="vertical-align: middle;">
  796.                                     <div class="dropdown">
  797.                                         <button data-bs-toggle="dropdown" aria-expanded="false" class="btn btn-transparant" id="buttonactionclient{{client.id}}">
  798.                                             <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewbox="0 0 16 16">
  799.                                                 <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
  800.                                             </svg>
  801.                                         </button>
  802.                                         <div class="dropdown-menu menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold fs-7 w-200px py-4" data-kt-menu="true" aria-labelledby="buttonactionclient{{client.id}}">
  803.                                             <div class="menu-item px-3">
  804.                                                 {% if client.enabled == 0%}
  805.                                                     <a href="{{ path('client_resend_registration_email', {'id':client.id}) }}" class="menu-link px-3">
  806.                                                         Renvoyer l'email d'inscription
  807.                                                     </a>
  808.                                                 {% endif %}
  809.                                                 {% if client.enabled == 1%}
  810.                                                 {# link_to_order_for_user is in App/twig/CompanyTwig.php #}
  811.                                                     <a href="{{ client|link_to_order_for_user }}" class="menu-link px-3">
  812.                                                         Commander
  813.                                                     </a>
  814.                                                 {% endif %}
  815.                                                 {% if app.request.get('_route') == 'client_gestionnaire_index' %}
  816.                                                     <a href="{{ path('client_gestionaires_edit', {'id':client.id}) }}" class="menu-link px-3">
  817.                                                         Modifier
  818.                                                     </a>
  819.                                                     <a href="{{ path('client_gestionnaire_remove', {'id':client.id}) }}" class="menu-link px-3">
  820.                                                         Supprimer
  821.                                                     </a>
  822.                                                 {% else %}
  823.                                                     <a href="{{ path('client_edit', {'id':client.id}) }}" class="menu-link px-3">
  824.                                                         Modifier
  825.                                                     </a>
  826.                                                     <a href="{{ path('client_remove', {'id':client.id}) }}" class="menu-link px-3">
  827.                                                         Supprimer
  828.                                                     </a>
  829.                                                 {% endif %}
  830.                                                     
  831.                                             </div>
  832.                                         </div>
  833.                                     </div>
  834.                                 </td>
  835.                             </tr>
  836.                         {% endfor %}
  837.                     </tbody>
  838.                 </table>
  839.             </div>
  840.         </div>
  841.     </div>
  842. {% endblock %}