templates/pages/boutique.html.twig line 1

Open in your IDE?
  2. {% extends 'base.html.twig' %}
  4. {% block title %}Boutique{% endblock %}
  5. {% block description %}{% endblock %}
  6. {% block nbProduit %}{% if panier %}<p class="nb-produit">{{panier.nbProduit}}</p>{% endif %}{% endblock %}
  7. {% block nbProduit2 %}{% if panier %}<p class="nb-produit nb-produit-second">{{panier.nbProduit}}</p>{% endif %}{% endblock %}
  8. {% block nbProduit3 %}{% if panier %}<p class="nb-produit nb-produit-third">{{panier.nbProduit}}</p>{% endif %}{% endblock %}
  9. {% block nbProduit4 %}{% if panier %}<p class="nb-produit nb-produit-fourth">{{panier.nbProduit}}</p>{% endif %}{% endblock %}
  11. {% block body %}
  12.     <div id="{{ page.id }}" class="bandeau-page">
  13.         <h1>{{ page.titre }}</h1>
  14.     </div>
  15.     <div class="presentation">
  16.         <div class="container">
  17.             <div class="row top-page top-page-boutique">
  18.             {% if drive is defined and drive is not null and drive.active == false %}
  19.                 <div class="text-center">
  20.                     <p class="m-3">{{drive.content}}</p>
  21.                 </div>
  22.             {% elseif connected is empty %}
  23.                 <div class="text-center border rounded">
  24.                     <p class="m-3">Connectez-vous pour enregistrer votre panier</p>
  25.                     <div class="d-flex justify-content-center flex-column flex-md-row">
  26.                         <a href="/login" class="btn btn-primary m-3 button-responsive">Se connecter</a>
  27.                         <a href="/register" class="btn btn-primary m-3 button-responsive">S'inscrire</a>
  28.                     </div>
  29.                 </div>
  30.             </div>
  31.             {% endif %}
  32.             <section class="content-page d-flex boutique mt-0 align-items-md-start">
  33.                 <div class="filter">
  34.                     {% include 'pages/_filter.html.twig' with {form: form, fromageDisplay: fromageDisplay, cremerieDisplay: cremerieDisplay,
  35.                      cidreDisplay: cidreDisplay, plateauDisplay: plateauDisplay, nbPersonnesDisplay: nbPersonnesDisplay} only %}
  36.                 </div>
  37.                 <div class="d-flex flex-wrap justify-content-center w-100">
  38.                     {% if produits %}
  39.                         {% for produit in produits %}
  40.                             {% include 'pages/card_product.html.twig' with {product: produit, drive: drive, connected: connected} only %}
  41.                         {% endfor %}
  42.                     {% else %}
  43.                         <p>Pas de résultat trouvé, veuillez modifier votre recherche.</p>
  44.                     {% endif %}
  45.                 </div>
  46.             </section>
  47.             {% if nbPages > 1 %}
  49.                 {% set nearbyPagesLimit = 4 %}
  50.                 {% set categories = [] %}
  51.                 {% for categorie in app.request.get('categories') %}
  52.                     {% set categories = categories | merge([categorie]) %}
  53.                 {% endfor %}
  55.                 {% set origines = [] %}
  56.                 {% for origine in app.request.get('origines') %}
  57.                     {% set origines = origines | merge([origine]) %}
  58.                 {% endfor %}
  60.                 {% set types = [] %}
  61.                 {% for type in app.request.get('types') %}
  62.                     {% set types = types | merge([type]) %}
  63.                 {% endfor %}
  65.                 {% set laits = [] %}
  66.                 {% for lait in app.request.get('laits') %}
  67.                     {% set laits = laits | merge([lait]) %}
  68.                 {% endfor %}
  70.                 {% set laitsTraitement = [] %}
  71.                 {% for laitTraitement in app.request.get('laitsTraitement') %}
  72.                     {% set laitsTraitement = laitsTraitement | merge([laitTraitement]) %}
  73.                 {% endfor %}
  75.                 <div class="d-flex justify-content-center">
  76.                     <ul class="pagination">
  77.                     {% set currentPage = currentPage + 1 %}
  78.                         {% if currentPage != 1 %}
  79.                         <li class="m-3">
  80.                             <a class="btn btn-primary w-100" href="{{ path('boutique', { 'page': 1, categories, origines, types, laits, laitsTraitement} ) }}">Première page</a>
  81.                         </li>
  82.                         {% endif %}
  83.                         {% for i in 1..nbPages %}
  84.                             {% if 0 == (currentPage - nearbyPagesLimit) - loop.index %}
  85.                                 <li class="m-3 disabled"><button class="input-active btn btn-primary w-100">...</button></li>
  86.                             {% elseif 0 == (currentPage + nearbyPagesLimit) - loop.index %}
  87.                                 <li class="m-3 disabled"><button class="input-active btn btn-primary w-100">...</button></li>
  88.                             {% elseif 0 < (currentPage - nearbyPagesLimit) - loop.index %}
  89.                             {% elseif 0 > (currentPage + nearbyPagesLimit) - loop.index %}
  90.                             {% else %}
  91.                                 <li {% if currentPage == loop.index  %} class="m-3 active"{% else %} class="m-3"{% endif %}>
  92.                                     <a class="input-active btn btn-primary w-100" href="{{ path('boutique', { 'page': loop.index, categories, origines, types, laits, laitsTraitement}) }}">{{ loop.index }}</a>
  93.                                 </li>
  94.                             {% endif %}
  95.                         {% endfor %}
  96.                         {% if currentPage != nbPages %}
  97.                         <li class="m-3">
  98.                             <a class="btn btn-primary w-100" href="{{ path('boutique', { 'page': nbPages, categories, origines, types, laits, laitsTraitement}) }}">Dernière page</a>
  99.                         </li>
  100.                         {% endif %}
  101.                     </ul>
  102.                 </div>
  103.             {% endif %}
  104.         </div>
  105.     </div>
  106.     <div id="top-shop" class="top-shop d-none">
  107.         <i class="fas fa-arrow-up"></i>
  108.     </div>
  109. {% endblock %}