templates/home/search.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Recherche Article {% endblock %}
  5. {% block body %}
  6.     <main class="main">
  7.              <div class="page-header breadcrumb-wrap">
  8.             <div class="container">
  9.                 <div class="breadcrumb">
  10.                     <a href="{{ path('app_home_index') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
  11.                     {% if categorie is defined and categorie is not null %}
  12.                         <span> {{ categorie.libelle }} </span>
  13.                     {% else %}
  14.                         <span> Recherche </span>
  15.                     {% endif %}
  16.                 </div>
  17.             </div>
  18.         </div>
  19.         <section class="section-padding mb-10">
  20.             <div class="container">
  21.                 <div class="row">
  22.                     <div class="col-xl-12 col-lg-12 col-md-6 mb-sm-5 mb-md-0 wow animate__animated animate__fadeInUp" data-wow-delay="0">
  23.                     {% if categorie  is defined and categorie is not null %}
  24.                         <h4 class="section-title style-1 mb-10 animated animated">Catégorie: {{ categorie.libelle }} </h4>
  25.                       {% else %}
  26.                          <h4 class="section-title style-1 mb-10 animated animated">Résultats de la recherche</h4>
  27.                        {% endif %}
  28.                         <div class=" row product-list-small animated animated">
  29.                             {% for article in   articles  %}
  30.                             <div class="col-md-3 col-lg-3 col-sm-1  mb-2  articles">
  31.                                 <article class="row align-items-center hover-up  mr-5 mb-1" style=" ; height: 120px">
  32.                                     <figure class="col-md-4  col-sm-6 mb-0">
  33.                                         {% if article.ispromo == true %}
  34.                                             <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >PROMO </span>
  35.                                         {% endif %}
  36.                                         {% if article.IsSolde == true %}
  37.                                             <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >Jusqu'à -{{ article.soldePourcentage}}% </span>
  38.                                         {% endif %}
  39.                                         <a href="{{ path('app_home_detail',{slug: article.slug} ) }}">
  40.                                             <img src="{{ asset('uploads/articles/'~ article.code ~'/'~article.imageprincipale) }}" alt="" />
  41.                                         </a>
  42.                                     </figure>
  43.                                     <div class="col-md-8 mb-0 col-sm-6 ">
  44.                                         <h6>
  45.                                             <a href="{{ path('app_home_detail',{slug: article.slug} ) }}">{{ article.libelle|length > 50 ?  article.libelle|slice(0, 50) ~ '...' : article.libelle  }}</a>
  46.                                         </h6>
  48.                                         <div class="product-price">
  49.                                         {% if article.ispromo==true %}
  51.                                             {% if article.isNoprice == true %}
  52.                                                 <span>Prix à la demande</span>
  53.                                             {% else %}
  54.                                             <span>{{ article.prixpromo|number_format(0,'.',' ') }} FCFA</span>
  55.                                             <span class="old-price">{{ article.prix|number_format(0,'.',' ') }} FCFA</span>
  56.                                             {% endif %}
  58.                                         {% elseif  article.IsSolde == true %}
  59.                                             {% if article.isNoprice == true %}
  60.                                                 <span>Prix à la demande</span>
  61.                                             {% else %}
  62.                                                 <span>{{ article.prix|number_format(0,'.',' ') }} FCFA</span>
  63.                                             {% endif %}
  64.                                         {% else %}
  66.                                             <span>
  67.                                                 {% if article.prix > 0%}
  68.                                                 {{ article.prix|number_format(0,'.',' ') }} FCFA
  69.                                                 {% else %}
  70.                                                     Prix à la demande
  71.                                                 {% endif %}
  72.                                             </span>
  73.                                         {% endif %}
  74.                                         </div>
  75.                                         <div class="d-inline-block">
  76.                                             <span class="font-small text-muted">Publié le {{ article.pubDate| date('d/m/Y h:i') }}</span>
  77.                                         </div>
  78.                                     </div>
  79.                                 </article>
  80.                                 <hr/>
  81.                             </div>
  82.                            {% endfor %}
  85.                             <div class="pagination-area mt-10 mb-10">
  86.                                  {{ knp_pagination_render(articles, 'paginator.html.twig') }}
  87.                             </div>
  89.                         </div>
  90.                     </div>
  91.                 </div>
  92.             </div>
  93.         </section>
  95.         <section class="banners mb-25">
  96.             <div class="container">
  97.                 <div class="row">
  98.                     <div class="col-lg-4 col-md-6">
  99.                         <div class="banner-img wow animate__ animate__fadeInUp animated" data-wow-delay="0" style="visibility: visible; animation-name: fadeInUp;">
  100.                           <!--  <img src="assets/imgs/banner/banner-1.png" alt="">-->
  101.                               {% if pubImages["Z-B-IMG1-PA"] is defined %}
  102.                                      <a href="#" ><img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG1-PA"]) }}"  alt="" class="border-radius-10" /></a>
  103.                                 {% else %}
  104.                                      <a href="#" ><img src="{{ asset('assets/imgs/deals/img-pub-3.jpg') }}"  alt="" class="border-radius-10" /></a>
  105.                                 {% endif %}
  106.                             <div class="banner-text">   
  107.                             </div>
  108.                         </div>
  109.                     </div>
  110.                     <div class="col-lg-4 col-md-6">
  111.                         <div class="banner-img wow animate__ animate__fadeInUp animated" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
  112.                                 {% if pubImages["Z-B-IMG2-PA"] is defined %}
  113.                                      <a href="#" ><img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG2-PA"]) }}"  alt="" class="border-radius-10" /></a>
  114.                                 {% else %}
  115.                                      <a href="#" ><img src="{{ asset('assets/imgs/deals/img-pub-4.jpg') }}"  alt="" class="border-radius-10" /></a>
  116.                                 {% endif %}
  117.                             <div class="banner-text">
  118.                         
  119.                             </div>
  120.                         </div>
  121.                     </div>
  122.                     <div class="col-lg-4 d-md-none d-lg-flex">
  123.                         <div class="banner-img mb-sm-0 wow animate__ animate__fadeInUp animated" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
  124.                               {% if pubImages["Z-B-IMG3-PA"] is defined %}
  125.                                      <a href="#" ><img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG3-PA"]) }}"  alt="" class="border-radius-10" /></a>
  126.                                 {% else %}
  127.                                      <a href="#" ><img src="{{ asset('assets/imgs/deals/img-pub-3.jpg') }}"  alt="" class="border-radius-10" /></a>
  128.                                 {% endif %}
  129.                             <div class="banner-text">
  130.                              
  131.                             </div>
  132.                         </div>
  133.                     </div>
  134.                 </div>
  135.             </div>
  136.         </section>
  137.     </main>
  138. {% endblock %}