templates/clientWeb/professionnalSearch/searchNav.html.twig line 1

Open in your IDE?
  1. {% block searchNav %}
  3. <div id="sidebar">
  4.     <div id="searchNav">
  5.         
  6.         {{ form_start(formSearchData, {'attr': {'class':'form col-12 px-0 mx-0 js-filter-form'}}) }}
  7.         <div class="spinner-border js-loading" role="status" aria-hidden="true" style="display:none">
  8.             <span class="sr-only">Loading...</span>
  9.         </div>
  10.         <h4 class="searchTitle">
  11.             <div class="row justify-content-between">
  12.                 <div class="col">
  13.                     Recherche
  14.                 </div>
  15.                 <div class="col">
  16.                     <a type="button" data-toggle="collapse" data-target="#research" aria-expanded="false" aria-controls="research" class="researchPro"><i id="angle_researchPro" class="fas fa-angle-down"></i> </a>
  17.                 </div>
  18.             </div>
  19.         </h4>
  20.         <div class="row justify-content-center mx-0 px-0 collapse multi-collapse" id="research">
  21.                 {{ form_widget(formSearchData.q) }}
  22.         </div>
  23.         
  24.         <h4 class="searchTitle">
  25.             <div class="row justify-content-between">
  26.                 <div class="col">
  27.                     Régions
  28.                 </div>
  29.                 <div class="col">
  30.                     <a type="button" data-toggle="collapse" data-target="#district" aria-expanded="false" aria-controls="district" class="researchDistrict"><i id="angle_researchDistrict" class="fas fa-angle-down"></i></a>
  31.                 </div>
  32.             </div>
  33.         </h4>
  34.         <div class="row justify-content-left choice mx-0 px-1 collapse multi-collapse" id="district">
  35.             {{ form_row(formSearchData.districts) }}
  36.         </div>
  38.         <h4 class="searchTitle">
  39.             <div class="row justify-content-between">
  40.                 <div class="col">
  41.                     Catégories
  42.                 </div>
  43.                 <div class="col">
  44.                     <a type="button" data-toggle="collapse" data-target="#researchCategory" aria-expanded="false" aria-controls="researchCategory" class="researchCategory"><i id="angle_researchCategory" class="fas fa-angle-down"></i></a>
  45.                 </div>
  46.             </div>
  47.         </h4>
  48.         <div class="row justify-content-left choice mx-0 px-1 collapse multi-collapse" id="researchCategory">
  49.             {{ form_row(formSearchData.categories) }}
  50.         </div>
  52.         <h4 class="searchTitle">
  53.             <div class="row justify-content-between">
  54.                 <div class="col">
  55.                     Métiers
  56.                 </div>
  57.                 <div class="col">
  58.                     <a type="button" data-toggle="collapse" data-target="#researchJob" aria-expanded="false" aria-controls="researchJob" class="researchJob"><i id="angle_researchJob" class="fas fa-angle-down"></i></a>
  59.                 </div>
  60.             </div>
  61.         </h4>
  62.         <div class="row justify-content-left choice mx-0 px-1 collapse multi-collapse" id="researchJob">
  63.             {{ form_row(formSearchData.jobs) }}
  64.         </div>
  66.         <h4 class="searchTitle">
  67.             <div class="row justify-content-between">
  68.                 <div class="col">
  69.                     Tarif
  70.                 </div>
  71.                 <div class="col">
  72.                     <a type="button" data-toggle="collapse" data-target="#researchProPrice" aria-expanded="false" aria-controls="researchProPrice" class="researchProPrice"><i id="angle_researchProPrice" class="fas fa-angle-down"></i></a>
  73.                 </div>
  74.             </div>
  75.         </h4>
  76.         <div class="row justify-content-center mx-0 px-1 collapse multi-collapse" id="researchProPrice">
  77.             <div class='col-6'>
  78.             {{ form_row(formSearchData.priceMin) }}
  79.             </div>
  80.             <div class='col-6'>
  81.             {{ form_row(formSearchData.priceMax) }}
  82.             </div>
  83.             <div class="col-12 mt-2 mb-3" id="priceSlider" data-min="{{ min }}" data-max="{{ max }}">
  84.             </div>
  85.         </div>
  86.     </div>
  87.     
  88.     {{ form_end(formSearchData) }}
  89. </div>
  90. {% endblock %}