templates/home/boutique-home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Bienvenue {% endblock %}
  3. {% block body %}
  4.         <main class="main">
  5.         <div class="page-header breadcrumb-wrap">
  6.             <div class="container">
  7.                 <div class="breadcrumb">
  8.                    <a href="{{ path('app_home_index') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
  9.                     <span></span> {{ boutique.nom}}
  10.                 </div>
  11.             </div>
  12.         </div>
  13.         <section>
  14.         <div class="row mt-20 ml-5">
  15.                     <div class="col-lg-3 col-md-4 col-6 col-sm-6">
  16.                         <div class="vendor-wrap style-2 mb-40">
  17.                             <div class="product-badges product-badges-position product-badges-mrg">
  18.                                 
  19.                             </div>
  20.                             <div class="vendor-img-action-wrap">
  21.                                 <div class="vendor-img">
  22.                                     <a href="#">
  23.                                     {% if boutique.logo != null %}
  24.                                         <img class="default-img" src="{{ asset('uploads/boutiques/'~ boutique.logo ) }}" alt="" />
  25.                                     {% else %}
  26.                                         <img class="default-img" src="assets/imgs/deals/shop.jpg" alt="" />
  27.                                     {% endif %}
  28.                                     </a>
  29.                                 </div>
  30.                                 <div class="mt-5 ">
  31.                                  <h4 class="mb-5"><a href="{{ path('app_home_boutique',{id: boutique.id} ) }}">{{boutique.nom}}</a></h4>
  32.                                 </div>
  33.                             </div>
  34.                             <div class="vendor-content-wrap">
  35.                                 <div class="mb-30">
  36.                                     <div class="product-category">
  37.                                         <span class="text-muted"></span>
  38.                                     </div>
  39.                                     
  40.                       
  41.                                 </div>
  42.                             </div>
  43.                         </div>
  44.                     </div>
  45.                    
  46.                     <div class="col-lg-6 mt-50 ">
  47.                         <div class="sidebar-widget-2 widget_search mb-50">
  48.                             <div class="search-form">
  49.                                 <form action="#" method="POST">
  50.                                     <input type="text" name="searchText" placeholder="rechercher dans cette boutique ou agence.." />
  51.                                     <button type="submit"  style="background-color: #006266; color: #FFFFFF;"><i class="fi-rs-search"></i></button>
  52.                                 </form>
  53.                             </div>
  54.                         </div>
  55.                     </div>
  56.                     
  57.                   
  58.               
  59.                     </div>
  60.         </section>
  61.   
  62.          {% if immeubles is not  empty   %}
  63.         <section class="section-padding pb-5">
  64.             <div class="container">
  65.                 <div class="row">
  66.                  
  67.                     
  68.                   
  69.                     <div class="col-xl-12 col-lg-12 mt-5 col-md-12 mb-sm-5 mb-md-0 wow animate__animated animate__fadeInUp" data-wow-delay="0">
  70.                    
  71.                            <h4 class="section-title style-1 mb-30 animated animated">Récentes publications d'immeubles</h4>
  72.                       
  73.                         <div class=" row product-list-small animated animated">
  74.                             {% for immeuble in   immeubles  %}
  75.                                 <div class="col-md-3 col-lg-3 col-sm-1  mb-2 ">
  76.                                     <article class="row align-items-center hover-up  mr-5 mb-1" style=" ; height: 120px">
  77.                                         <figure class="col-md-4  col-sm-6 mb-0">
  78.                                             {% if immeuble.typeoperation == "LOCATION" %}
  79.                                                 <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >A LOUER </span>
  80.                                             {% else  %}
  81.                                                 <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >A VENDRE </span>
  82.                                             {% endif %}
  83.                                             <a href="{{ path('app_immeubledetailslug',{slug: immeuble.slug} ) }}">
  84.                                                 <img src="{{ asset('uploads/immeubles/'~ immeuble.code ~'/'~immeuble.photo) }}" alt="" />
  85.                                             </a>
  86.                                         </figure>
  87.                                         <div class="col-md-8 mb-0 col-sm-6 ">
  88.                                             <h6>
  89.                                                 <a href="{{ path('app_immeubledetailslug',{slug: immeuble.slug} ) }}">{{ immeuble.libelle|length > 50 ?  immeuble.libelle|slice(0, 50) ~ '...' : immeuble.libelle  }}</a>
  90.                                             </h6>
  91.                                              <div class=" d-inline-block">
  92.                                                     <i class="fi-rs-location-alt mr-5"></i>{{ immeuble.ville.nom }}
  93.                                                     {% if immeuble.quartier is not null %}
  94.                                                     - {{ immeuble.quartier.nom }}
  95.                                                     {% endif %}
  96.                                                 </div>
  97.                                             <div class="product-price">
  98.                                                     <span>
  99.                                                 {% if immeuble.prix > 0%}
  100.                                                     {{ immeuble.prix|number_format(0,'.',' ') }} FCFA
  101.                                                 {% else %}
  102.                                                     Prix à la demande
  103.                                                 {% endif %}
  104.                                             </span>
  105.                                             </div>
  106.                                             <div class="d-inline-block">
  107.                                                 <span class="font-small text-muted">Publié le {{ immeuble.pubDate| date('d/m/Y h:i') }}</span>
  108.                                             </div>
  109.                                         </div>
  110.                                     </article>
  111.                                    
  112.                                 </div>
  113.                             {% endfor %}
  114.                             {% if immeubles is not null %}
  115.                             <div class="pagination-area mt-20 mb-5">
  116.                                 {{ knp_pagination_render(immeubles, 'paginator.html.twig') }}
  117.                             </div>
  118.                             {% endif %}
  119.                         </div>
  120.                     </div>
  121.                   
  122.                 </div>
  123.             </div>
  124.         </section>
  125.         {% endif %}
  126.         {% if articles  is not  empty   %}
  127.           <section class="section-padding mb-5">
  128.             <div class="container">
  129.                 <div class="row">
  130.                     <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">
  131.                         <h4 class="section-title style-1 mb-10 animated animated">Récentes articles</h4>
  132.                         <div class=" row product-list-small animated animated">
  133.                             {% for article in   articles  %}
  134.                             <div class="col-md-6 col-lg-3  mb-2  articles">
  135.                                 <article class="row align-items-center hover-up  mr-5 mb-1" style="height: 120px">
  136.                                     <figure class="col-md-4  col-sm-6 mb-0">
  137.                                         {% if article.ispromo == true %}
  138.                                             <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >PROMO </span>
  139.                                         {% endif %}
  140.                                         {% if article.IsSolde == true %}
  141.                                             <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >Jusqu'à -{{ article.soldePourcentage}}% </span>
  142.                                         {% endif %}
  143.                                         <a href="{{ path('app_home_detail',{slug: article.slug} ) }}">
  144.                                             <img src="{{ asset('uploads/articles/'~ article.code ~'/'~article.imageprincipale) }}" alt="" />
  145.                                         </a>
  146.                                     </figure>
  147.                                     <div class="col-md-8 mb-0 col-sm-6 ">
  148.                                         <h6>
  149.                                             <a href="{{ path('app_home_detail',{slug: article.slug} ) }}">{{ article.libelle|length > 50 ?  article.libelle|slice(0, 50) ~ '...' : article.libelle  }}</a>
  150.                                         </h6>
  151.                                         <div class="product-price">
  152.                                         {% if article.ispromo==true %}
  153.                                             {% if article.isNoprice == true %}
  154.                                                 <span>Prix à la demande</span>
  155.                                             {% else %}
  156.                                             <span>{{ article.prixpromo|number_format(0,'.',' ') }} FCFA</span>
  157.                                             <span class="old-price">{{ article.prix|number_format(0,'.',' ') }} FCFA</span>
  158.                                             {% endif %}
  159.                                         {% elseif  article.IsSolde == true %}
  160.                                             {% if article.isNoprice == true %}
  161.                                                 <span>Prix à la demande</span>
  162.                                             {% else %}
  163.                                                 <span>{{ article.prix|number_format(0,'.',' ') }} FCFA</span>
  164.                                             {% endif %}
  165.                                         {% else %}
  166.                                             <span>
  167.                                                 {% if article.prix > 0%}
  168.                                                 {{ article.prix|number_format(0,'.',' ') }} FCFA
  169.                                                 {% else %}
  170.                                                     Prix à la demande
  171.                                                 {% endif %}
  172.                                             </span>
  173.                                         {% endif %}
  174.                                         </div>
  175.                                         <div class="d-inline-block">
  176.                                             <span class="font-small text-muted">Publié le {{ article.pubDate| date('d/m/Y h:i') }}</span>
  177.                                         </div>
  178.                                     </div>
  179.                                 </article>
  180.                                
  181.                             </div>
  182.                            {% endfor %}
  183.                             <div class="pagination-area mt-10 mb-5">
  184.                                  {{ knp_pagination_render(articles, 'paginator.html.twig') }}
  185.                             </div>
  186.                         </div>
  187.                     </div>
  188.                 </div>
  189.             </div>
  190.         </section>
  191.         {% endif %}
  192.          {% if vehicules is not  empty  %}
  193.         <section class="section-padding pb-5 mb-40">
  194.             <div class="container">
  195.                 <div class="row">
  196.                  
  197.                     <div class="col-xl-12 col-lg-12 col-md-12 mb-sm-5 mb-md-0 wow animate__animated animate__fadeInUp" data-wow-delay="0">
  198.                         <h4 class="section-title style-1 mb-30 animated animated">Les Récentes  publications de vehicules</h4>
  199.                         <div class=" row product-list-small animated animated">
  200.                             {% for v in   vehicules  %}
  201.                                 <div class="col-md-3 col-lg-3 col-sm-6  mb-2 ">
  202.                                     <article class="row align-items-center hover-up  mr-5 mb-1" style=" ; height: 120px">
  203.                                         <figure class="col-md-4  col-sm-6 mb-0">
  204.                                             {% if v.typeoperation == "LOCATION" %}
  205.                                                 <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >A LOUER </span>
  206.                                             {% else  %}
  207.                                                 <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >A VENDRE </span>
  208.                                             {% endif %}
  209.                                             <a href="{{ path('app_vehiculedetailslug',{slug: v.slug} ) }}">
  210.                                                 <img src="{{ asset('uploads/vehicules/'~ v.code ~'/'~v.photoImage) }}" alt="" />
  211.                                             </a>
  212.                                         </figure>
  213.                                         <div class="col-md-8 mb-0 col-sm-6 ">
  214.                                             <h6>
  215.                                                 <a href="{{ path('app_vehiculedetailslug',{slug: v.slug} ) }}">{{ v.libelle|length > 50 ?  v.libelle|slice(0, 50) ~ '...' : v.libelle  }}</a>
  216.                                             </h6>
  217.                                             <div class="product-price">
  218.                                                     <span>
  219.                                                 {% if v.prix > 0%}
  220.                                                     {{ v.prix|number_format(0,'.',' ') }} FCFA
  221.                                                 {% else %}
  222.                                                     Prix à la demande
  223.                                                 {% endif %}
  224.                                             </span>
  225.                                             </div>
  226.                                             <div class="d-inline-block">
  227.                                                 <span class="font-small text-muted">Publié le {{ v.pubDate| date('d/m/Y h:i') }}</span>
  228.                                             </div>
  229.                                         </div>
  230.                                     </article>
  231.                                  
  232.                                 </div>
  233.                             {% endfor %}
  234.                         </div>
  235.                     </div>
  236.                 </div>
  237.             </div>
  238.         </section>
  239.           {% endif %}
  240.     </main>
  241. {% endblock %}