templates/frontend/search/search.html.twig line 1

Open in your IDE?
  1. {% set getAllCategories = getParentCategories() %}
  2. {% extends "base.html.twig" %}
  3. {% block title %}
  4.     Recherche
  5. {% endblock %}
  7. {% block stylesheet %}
  8.     {{ parent() }}
  9.     <link href="{{ asset('assets/css/main.css') }}" rel="stylesheet">
  10.     <link href="{{ asset('assets/css/hero-in.css') }}" rel="stylesheet">
  11. {% endblock %}
  13. {% block body %}
  14.     {% include '_partials/home/hero-section.html.twig' %}
  15.     <!-- /hero_single -->
  16.     <main>
  17.         <div class="mt-4 container-fluid">
  18.             <h1 class="mb-5" style="font-weight: 700">Recherche</h1>
  19.             <div class="row mb-5">
  20.                 <div class="col-sm-12 col-md-4 col-xl-3 col-xxl-3">
  21.                     {% include "_partials/search/attraction_advanced_search.html.twig" %}
  22.                 </div>
  23.                 <div class="col-sm-12 col-md-8 col-xl-9 col-xxl-9">
  24.                     <div class="w-100 p-0">
  25.                         {% if attractions | length > 0 %}
  26.                             <div class="row">
  27.                                 {% for attraction in attractions %}
  28.                                     {% include "_partials/coins/item.html.twig" with {
  29.                                         'attraction': attraction,
  30.                                         'show_categories': true
  31.                                     } %}
  32.                                 {% endfor %}
  33.                             </div>
  34.                             <div class="row">
  35.                                 {% if pagination | length > 0 %}
  36.                                     <div class="col-md-4 offset-md-4" style="display: flex; justify-content: center;">
  37.                                         {% include '_partials/pagination.html.twig' with {
  38.                                             total: pagination.last,
  39.                                             current: page,
  40.                                             url: currentUrl ~ "&page="
  41.                                         } %}
  42.                                     </div>
  43.                                 {% endif %}
  44.                             </div>
  45.                         {% else %}
  46.                             <div class="col-12">
  47.                                 <div class="card"
  48.                                      style="border: 1px solid #ffffff; box-shadow: 0px 0px 15px 1px #e3e3e3; background-color: white; border-radius: 10px;">
  49.                                     <div class="card-body">
  50.                                         <h2 class="text-center">Cette recherche n'a donné aucun résultat.</h2>
  51.                                     </div>
  52.                                 </div>
  53.                             </div>
  54.                         {% endif %}
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.         </div>
  60.     </main>
  61.     <!--/main-->
  63. {% endblock %}
  65. {% block javascripts %}
  66.     {{ parent() }}
  67.     <script type="text/javascript">
  68.         let monUrl = window.location.href;
  70.         function selectedCategory(categoryId) {
  71.             const checkboxes = document.querySelectorAll('input[type="checkbox"]');
  72.             const selectedCategories = [];
  73.             const input = document.querySelector('input[type="checkbox"][value="' + categoryId + '"]');
  74.             let isSubcategoryUnchecked = false;
  76.             if (input) {
  77.                 const subInputs = document.querySelectorAll('input[data-parent="' + categoryId + '"]');
  78.                 if (input.checked) {
  79.                     subInputs.forEach(subInput => {
  80.                         subInput.checked = true;
  81.                     });
  82.                 } else {
  83.                     subInputs.forEach(subInput => {
  84.                         subInput.checked = false;
  85.                     });
  86.                     isSubcategoryUnchecked = true; // Trigger page reload if any subcategory is unchecked
  87.                 }
  88.             }
  90.             checkboxes.forEach((checkbox) => {
  91.                 if (checkbox.checked) {
  92.                     selectedCategories.push(checkbox.value);
  93.                 }
  94.             });
  96.             const currentUrl = window.location.href;
  97.             const url = new URL(currentUrl);
  98.             url.searchParams.delete('categoryId');
  100.             if (selectedCategories.length > 0) {
  101.                 url.searchParams.set('categoryId', selectedCategories.join(','));
  102.             }
  103.             monUrl = decodeURIComponent(url.toString());
  105.             // Actualisation de la page si une sous-catégorie est décochée
  106.             if (isSubcategoryUnchecked) {
  107.                 window.location.replace(monUrl);
  108.             }
  109.         }
  111.         function submitSearch(event) {
  112.             event.preventDefault();
  113.             window.location.replace(monUrl);
  114.         }
  116.         function refreshSearchWindow(event) {
  117.             event.preventDefault();
  118.             window.location.replace(monUrl);
  119.         }
  120.     </script>
  123. {% endblock %}