templates/frontend/market/index.html.twig line 1

  1. {% extends 'master.html.twig' %}
  3. {% block title %}Market
  4. {% endblock %}
  6. {% block stylesheets %}
  7.     {{ parent() }}
  8.     <link rel="stylesheet" href="{{ asset('assets/css/market.css') }}">
  9. {% endblock %}
  11. {% block body %}
  12.     <div class="" style="padding-top: 80px;">
  13.         {% include "_partials/market/hero-section.html.twig" with {
  14.         } %}
  16.         <section>
  17.             <div class="container">
  18.                 <div class="shop-clear-filter mb-4">
  19.                     {% include "frontend/market/_partials/scroll-category.html.twig" with {
  20.                         'categories': categories
  21.                     } %}
  22.                 </div>
  25.                 <div class="row">
  26.                     <div class="col-lg-4 col-xl-3">
  27.                         {% include "frontend/market/_partials/category.html.twig" with {
  28.                             'categories': categories
  29.                                     } %}
  30.                     </div>
  31.                     <div class="col-lg-8 col-xl-9">
  32.                         {% if products | length > 0 %}
  33.                             <div class="row">
  34.                                 {% include "frontend/market/_partials/products.html.twig" with {
  35.                                     'products': products
  36.                                 } %}
  37.                             </div>
  38.                             <div class="row">
  39.                                 <div class="col-md-4 offset-md-4" style="display: flex; justify-content: center;">
  40.                                     {{ knp_pagination_render(products, '_partials/widgets/pagination.html.twig') }}
  41.                                 </div>
  42.                             </div>
  43.                         {% else %}
  44.                             <div class="row">
  45.                                 <h1 class="text-center">Pas de produits disponible</h1>
  46.                             </div>
  47.                         {% endif %}
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.         </section>
  53.     </div>
  54. {% endblock %}
  56. {% block javascripts %}
  57.     {{ parent() }}
  58.     <script>
  59.         var formId =   document.getElementById("searchFormInput");
  61.             formId.addEventListener("submit", function(event) {
  62.             event.preventDefault(); // Empêche l'envoi du formulaire par défaut
  64.             var title = document.querySelector('input[name="title"]').value;
  65.             var city = document.querySelector('input[name="city"]').value;
  67.             console.log(title, city);
  69.             if (title !== "" || city !== "") {
  70.                 // Construction de la nouvelle URL
  71.                 var newUrl = "{{ path('app_recherche') |escape('js') }}?title=" + encodeURIComponent(title) + "&city=" + encodeURIComponent(city);
  73.                 // Redirection vers la nouvelle URL
  74.                 window.location.replace(newUrl);
  75.                 // window.location.href = newUrl;
  76.             }
  77.         });
  78.     </script>
  79. {% endblock %}