templates/frontend/elements/_form_research.html.twig line 1

Open in your IDE?
  1. <section class="header">
  2. <div class=" container">
  3. <div class="row justify-content-md-center">
  4. {# <div class="col-md-1 numberhead"></div> #}
  5. <div class="col-md-12">
  6. <div class="numberheader_search"><span class="number">{{futuresCount}}</span> Séjours disponibles</div>
  7. <div class="h3 cookie" style="width:100%">Rechercher une colonie de vacances</div>
  8. </div>
  9. </div>
  10. <div class="row justify-content-md-center" >
  11. <div class="col-md-10 main_form" style="max-width:1300px">
  12. <div class="row">
  13. <div class="col-6 col-sm-6 col-md-2 main_form__element-form">
  14. <div class="field text-center">
  15. <div class="dropup">
  16. <button class="btn btn-mainSearch dropdown-toggle" type="button"
  17. id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
  18. <i class="icon icon-sun icon-2x"></i>
  19. {% if searchKW is defined and searchKW.saison is defined and searchKW.saison is not
  20. null %} {{searchKW.saison.title}} {% else %} Saison {% endif %}
  21. </button>
  22. <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
  23. <li>
  24. <div class="dropdown-item saison" data-action="click->hello#updateSearch"
  25. data-class="saison" data-slug="All">Toutes les saisons</div>
  26. </li>
  27. {% for saison in allSaisons %}
  28. <li>
  29. <div class="dropdown-item saison {% if saison.slug in selected %} selected {% endif %}"
  30. data-action="click->hello#updateSearch" data-class="saison"
  31. data-slug="{{saison.slug}}">{{saison.title}}</div>
  32. </li>
  33. {% endfor %}
  34. </ul>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="col-6 col-sm-6 col-md-2 main_form__element-form">
  39. <div class="dropup">
  40. <button class="btn btn-mainSearch dropdown-toggle" type="button" id="dropdownMenuButton1"
  41. data-bs-toggle="dropdown" aria-expanded="false">
  42. <i class="icon icon-children icon-2x"></i>
  43. {% if searchKW is defined and searchKW.activite is defined and searchKW.activite is not
  44. null %} {{searchKW.activite.title}} {% else %} Activités {% endif %}
  45. </button>
  46. <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
  47. <li>
  48. <div class="dropdown-item activite" data-action="click->hello#updateSearch"
  49. data-class="activite" data-slug="All">Toutes les activités</div>
  50. </li>
  51. {% for theme in allActivities %}
  52. <li>
  53. <div class="dropdown-item activite
  54. {% if theme.slug in selected %} selected {% endif %}
  55. " data-action="click->hello#updateSearch" data-class="activite" data-slug="{{theme.slug}}">
  56. {{theme.title}}</div>
  57. </li>
  58. {% endfor %}
  59. </ul>
  60. </div>
  61. </div>
  62. <div class="col-6 col-sm-6 col-md-2 main_form__element-form">
  63. <div class="field text-center">
  64. <div class="dropup">
  65. <button class="btn btn-mainSearch dropdown-toggle" type="button"
  66. id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
  67. <i class="icon icon-child icon-2x"></i>
  68. {% if searchKW is defined and searchKW.age is defined and searchKW.age is not null
  69. %} {{searchKW.age.title}} {% else %} Âge {% endif %}
  70. </button>
  72. <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
  73. <li>
  74. <div class="dropdown-item ageDD" data-action="click->hello#updateSearch"
  75. data-class="ageDD" data-slug="All">Tous les âges</div>
  76. </li>
  77. {% for age in allAges %}
  78. <li>
  79. <div class="dropdown-item ageDD
  80. {% if age.slug in selected %} selected {% endif %}
  81. " data-action="click->hello#updateSearch" data-class="ageDD" data-slug="{{age.slug}}">
  82. {{age.title}}</div>
  83. </li>
  84. {% endfor %}
  85. </ul>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="col-6 col-sm-6 col-md-2 main_form__element-form">
  90. <div class="dropup">
  91. <button class="btn btn-mainSearch dropdown-toggle" type="button" id="dropdownMenuButton1"
  92. data-bs-toggle="dropdown" aria-expanded="false">
  93. <i class="icon icon-earth icon-2x"></i>
  94. {% if searchKW is defined and searchKW.location is defined and searchKW.location is not
  95. null %} {{searchKW.location.title}} {% else %} Destination {% endif %}
  96. </button>
  97. <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
  99. <li>
  100. <div class="dropdown-item destination" data-action="click->hello#updateSearch"
  101. data-class="destination" data-slug="All">Toutes les destinations</div>
  102. </li>
  104. <hr>
  106. <li>
  107. <div class="dropdown-item destination dt text-black" data-action="click->hello#updateSearch" data-class="destination" data-slug="etranger"><a href="/colonie-de-vacances/etranger">Étranger</a></div>
  108. </li>
  109. {% for destination in allDestinations %}
  110. {% if destination.country != 'france' and destination.slug !='etranger' %}
  111. <li class="ps-3">
  112. <div class="dropdown-item destination {% if destination.slug in selected %} selected {% endif %}" data-action="click->hello#updateSearch" data-class="destination" data-slug="{{destination.slug}}">{{destination.title}}</div>
  113. </li>
  114. {% endif %}
  115. {% endfor %}
  116. <hr>
  117. <li>
  118. <div class="dropdown-item destination dt text-black" data-action="click->hello#updateSearch" data-class="destination" data-slug="france"> <a href="/colonie-de-vacances/france" >France</a></div>
  119. </li>
  120. {% for destination in allDestinations %}
  121. {% if destination.country == 'france' and destination.slug !='france'%}
  122. <li class="ps-3">
  123. <div class="dropdown-item destination {% if destination.slug in selected %} selected {% endif %}" data-action="click->hello#updateSearch" data-class="destination" data-slug="{{destination.slug}}">{{destination.title}}</div>
  124. </li>
  125. {% endif %}
  126. {% endfor %}
  128. </ul>
  129. </div>
  130. </div>
  131. <div class="col-6 col-sm-6 col-md-2 main_form__element-form">
  132. <div class="dropup">
  133. <button class="btn btn-mainSearch dropdown-toggle" type="button" id="dropdownMenuButton1"
  134. data-bs-toggle="dropdown" aria-expanded="false">
  135. <i class="icon icon-kite icon-2x"></i>
  136. {% if searchKW is defined and searchKW.theme is defined and searchKW.theme is not null
  137. %} {{searchKW.theme.title}} {% else %} Thèmes {% endif %}
  138. </button>
  139. <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
  140. <li>
  141. <div class="dropdown-item theme" data-action="click->hello#updateSearch"
  142. data-class="theme" data-slug="All">Tous les thèmes</div>
  143. </li>
  144. {% for theme in allThemes %}
  145. <li>
  146. <div class="dropdown-item theme
  147. {% if theme.slug in selected %} selected {% endif %}
  148. " data-action="click->hello#updateSearch" data-class="theme" data-slug="{{theme.slug}}">
  149. {{theme.title}}</div>
  150. </li>
  151. {% endfor %}
  152. </ul>
  153. </div>
  154. </div>
  156. <div class="col-6 col-sm-6 col-md-2 main_form__element-form">
  157. <div class="dropup">
  158. <button class="btn btn-mainSearch dropdown-toggle" type="button" id="dropdownMenuButton1"
  159. data-bs-toggle="dropdown" aria-expanded="false">
  160. <i class="icon icon-travel-train icon-2x"></i>
  161. {% if searchKW is defined and searchKW.villeDesservie is defined and
  162. searchKW.villeDesservie is not null %} {{searchKW.villeDesservie.title}} {% else %}
  163. Ville de départ {% endif %}
  164. </button>
  165. <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
  166. <li>
  167. <div class="dropdown-item cityDepart" data-action="click->hello#updateSearch"
  168. data-class="cityDepart" data-slug="All">Toutes les villes de départ</div>
  169. </li>
  170. {% for city in allCities %}
  171. <li>
  172. <div class="dropdown-item cityDepart
  173. {% if city.slug in selected %} selected {% endif %}
  174. " data-action="click->hello#updateSearch" data-class="cityDepart" data-slug="{{city.slug}}">
  175. {{city.title}}</div>
  176. </li>
  177. {% endfor %}
  178. </ul>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  184. </div>
  186. </section>
  187. {# empty Twig template #}