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

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Bienvenue {% 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.                     <span></span> {{ boutique.nom}}
  12.                 </div>
  13.             </div>
  14.         </div>
  15.         <section class="container mt-10">
  16.             <div class="row">
  17.             <div class="col-lg-6 col-md-6 col-6 col-sm-12">
  18.                 <div class="vendor-wrap style-2 mb-40">
  19.                     <div class="vendor-img-action-wrap">
  20.                         <div class="vendor-img">
  21.                             <a href="#">
  22.                             {% if boutique.logo != null %}
  23.                                 <img class="default-img" src="{{ asset('uploads/boutiques/'~ boutique.logo ) }}" alt="" />
  24.                             {% else %}
  25.                                 <img class="default-img" src="assets/imgs/deals/shop.jpg" alt="" />
  26.                             {% endif %}
  27.                             </a>
  28.                         </div>
  29.                         <div class="mt-10 ">
  30.                             <span class="font-small  alert-warning p-10  border-radius-10">Non certifié</span>
  31.                         </div>
  32.                     </div>
  33.                     <div class="vendor-content-wrap">
  34.                         <div class="mb-30">
  35.                             <div class="product-category">
  36.                                 <span class="text-muted"></span>
  37.                             </div>
  38.                             <h4 class="mb-5"><a href="{{ path('app_home_boutique',{id: boutique.id} ) }}">{{boutique.nom}}</a></h4>
  39.                             <div class="vendor-info d-flex justify-content-between align-items-end mt-30">
  40.                                 <ul class="contact-infor text-muted">
  41.                                     <li><img src="assets/imgs/theme/icons/icon-location.svg" alt="" /><strong> <span>{{boutique.adresse}} {{boutique.ville}}</span></strong></li>
  42.                                     <li><img src="assets/imgs/theme/icons/icon-contact.svg" alt="" /><strong><span>{{boutique.telephone}}</span></strong></li>
  43.                                     <li><strong><a href="{{boutique.siteweb}}">{{boutique.siteweb}}</a></strong></li>
  44.                                 </ul>
  45.                                
  46.                             </div>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.             </div>
  51.             <div class="col-lg-6 col-md-6  col-sm-12 ">
  52.                 {% if pubImages["Z-R-IMG-PD"] is defined %}
  53.                     <img src="{{ asset('uploads/pubs/'~ pubImages["Z-R-IMG-PD"]) }}" class="border-radius-10" alt="" width="100%" height="230"/>
  54.                 {% else %}
  55.                     <img src="{{ asset('assets/imgs/deals/img-9.jpg') }}" class="border-radius-10" alt="" width="100%" />
  56.                 {% endif %}
  57.                           
  58.             </div>
  59.         </div>
  60.         </section>
  61.         <section class="container mt-10 text-center">
  62.             <div class="row justify-content-center mt-5">
  63.                 <div class="col-lg-6 col-sm-12">
  64.                     <div class="sidebar-widget-2 widget_search mb-5">
  65.                         <div class="search-form">
  66.                             <form action="#" method="POST" class="d-flex">
  67.                                 <input 
  68.                                     type="text" 
  69.                                     name="searchText" 
  70.                                     class="form-control me-2" 
  71.                                     placeholder="Rechercher dans cette boutique ou agence..." 
  72.                                     required
  73.                                 />
  74.                                 <button 
  75.                                     type="submit" 
  76.                                     class="btn" 
  77.                                     style="background-color: #006266; color: #FFFFFF;"
  78.                                 >
  79.                                     <i class="fi-rs-search"></i>
  80.                                 </button>
  81.                             </form>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.         </section>
  87.   
  88.          {% if immeubles is not  empty   %}
  89.         <section class="section-padding pb-5">
  90.             <div class="container">
  92.                 <div class="row">
  93.                  
  94.                     
  95.                   
  96.                     <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">
  97.                    
  98.                            <h4 class="section-title style-1 mb-30 animated animated">Récentes publications d'immeubles</h4>
  99.                       
  100.                         <div class=" row product-list-small animated animated">
  101.                             {% for immeuble in   immeubles  %}
  102.                                 <div class="col-md-3 col-lg-3 col-sm-1  mb-2 ">
  103.                                     <article class="row align-items-center hover-up  mr-5 mb-1" style=" ; height: 120px">
  104.                                         <figure class="col-md-4  col-sm-6 mb-0">
  105.                                             {% if immeuble.typeoperation == "LOCATION" %}
  106.                                                 <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >A LOUER </span>
  107.                                             {% else  %}
  108.                                                 <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >A VENDRE </span>
  109.                                             {% endif %}
  110.                                             <a href="{{ path('app_immeubledetailslug',{slug: immeuble.slug} ) }}">
  111.                                                 <img src="{{ asset('uploads/immeubles/'~ immeuble.code ~'/'~immeuble.photo) }}" alt="" width="200" height="100"  />
  112.                                             </a>
  113.                                         </figure>
  114.                                         <div class="col-md-8 mb-0 col-sm-6 ">
  115.                                             <h6>
  116.                                                 <a href="{{ path('app_immeubledetailslug',{slug: immeuble.slug} ) }}">{{ immeuble.libelle|length > 50 ?  immeuble.libelle|slice(0, 50) ~ '...' : immeuble.libelle  }}</a>
  117.                                             </h6>
  118.                                              <div class=" d-inline-block">
  119.                                                     <i class="fi-rs-location-alt mr-5"></i>{{ immeuble.ville.nom }}
  120.                                                     {% if immeuble.quartier is not null %}
  121.                                                     - {{ immeuble.quartier.nom }}
  122.                                                     {% endif %}
  123.                                                 </div>
  125.                                             <div class="product-price">
  126.                                                     <span>
  127.                                                 {% if immeuble.prix > 0%}
  128.                                                     {{ immeuble.prix|number_format(0,'.',' ') }} FCFA
  129.                                                 {% else %}
  130.                                                     Prix à la demande
  131.                                                 {% endif %}
  132.                                             </span>
  134.                                             </div>
  135.                                             <div class="d-inline-block">
  136.                                                 <span class="font-small text-muted">Publié le {{ immeuble.pubDate| date('d/m/Y h:i') }}</span>
  137.                                             </div>
  138.                                         </div>
  139.                                     </article>
  140.                                    
  141.                                 </div>
  142.                             {% endfor %}
  143.                             {% if immeubles is not null %}
  144.                             <div class="pagination-area mt-25 mb-15">
  145.                                 {{ knp_pagination_render(immeubles, 'paginator.html.twig') }}
  146.                             </div>
  147.                             {% endif %}
  149.                         </div>
  150.                     </div>
  151.                   
  152.                 </div>
  153.             </div>
  154.         </section>
  155.         {% endif %}
  156.         {% if articles  is not  empty   %}
  157.           <section class="section-padding mb-5">
  158.             <div class="container">
  159.                 <div class="row">
  160.                     <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">
  161.                         <h4 class="section-title style-1 mb-10 animated animated">Récentes articles</h4>
  162.                         <div class=" row product-list-small animated animated">
  163.                             {% for article in   articles  %}
  164.                             <div class="col-md-6 col-lg-3  mb-2  articles">
  165.                                 <article class="row align-items-center hover-up  mr-5 mb-1" style="height: 120px">
  166.                                     <figure class="col-md-4  col-sm-6 mb-0">
  167.                                         {% if article.ispromo == true %}
  168.                                             <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >PROMO </span>
  169.                                         {% endif %}
  170.                                         {% if article.IsSolde == true %}
  171.                                             <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >Jusqu'à -{{ article.soldePourcentage}}% </span>
  172.                                         {% endif %}
  173.                                         <a href="{{ path('app_home_detail',{slug: article.slug} ) }}">
  174.                                             <img src="{{ asset('uploads/articles/'~ article.code ~'/'~article.imageprincipale) }}" alt=""  width="200" height="100" />
  175.                                         </a>
  176.                                     </figure>
  177.                                     <div class="col-md-8 mb-0 col-sm-6 ">
  178.                                         <h6>
  179.                                             <a href="{{ path('app_home_detail',{slug: article.slug} ) }}">{{ article.libelle|length > 50 ?  article.libelle|slice(0, 50) ~ '...' : article.libelle  }}</a>
  180.                                         </h6>
  182.                                         <div class="product-price">
  183.                                         {% if article.ispromo==true %}
  185.                                             {% if article.isNoprice == true %}
  186.                                                 <span>Prix à la demande</span>
  187.                                             {% else %}
  188.                                             <span>{{ article.prixpromo|number_format(0,'.',' ') }} FCFA</span>
  189.                                             <span class="old-price">{{ article.prix|number_format(0,'.',' ') }} FCFA</span>
  190.                                             {% endif %}
  192.                                         {% elseif  article.IsSolde == true %}
  193.                                             {% if article.isNoprice == true %}
  194.                                                 <span>Prix à la demande</span>
  195.                                             {% else %}
  196.                                                 <span>{{ article.prix|number_format(0,'.',' ') }} FCFA</span>
  197.                                             {% endif %}
  198.                                         {% else %}
  200.                                             <span>
  201.                                                 {% if article.prix > 0%}
  202.                                                 {{ article.prix|number_format(0,'.',' ') }} FCFA
  203.                                                 {% else %}
  204.                                                     Prix à la demande
  205.                                                 {% endif %}
  206.                                             </span>
  207.                                         {% endif %}
  208.                                         </div>
  209.                                         <div class="d-inline-block">
  210.                                             <span class="font-small text-muted">Publié le {{ article.pubDate| date('d/m/Y h:i') }}</span>
  211.                                         </div>
  212.                                     </div>
  213.                                 </article>
  214.                                
  215.                             </div>
  216.                            {% endfor %}
  219.                             <div class="pagination-area mt-20 mb-15">
  220.                                  {{ knp_pagination_render(articles, 'paginator.html.twig') }}
  221.                             </div>
  223.                         </div>
  224.                     </div>
  225.                 </div>
  226.             </div>
  227.         </section>
  228.         {% endif %}
  229.          {% if vehicules is not  empty  %}
  230.         <section class="section-padding pb-5 mb-40">
  231.             <div class="container">
  232.                 <div class="row">   
  233.                     <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">
  234.                         <h4 class="section-title style-1 mb-30 animated animated">Les Récentes  publications de vehicules</h4>
  235.                         <div class=" row product-list-small animated animated">
  236.                             {% for v in   vehicules  %}
  237.                                 <div class="col-md-3 col-lg-3 col-sm-6  mb-2 ">
  238.                                     <article class="row align-items-center hover-up  mr-5 mb-1" style=" ; height: 120px">
  239.                                         <figure class="col-md-4  col-sm-6 mb-0">
  240.                                             {% if v.typeoperation == "LOCATION" %}
  241.                                                 <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >A LOUER </span>
  242.                                             {% else  %}
  243.                                                 <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >A VENDRE </span>
  244.                                             {% endif %}
  245.                                             <a href="{{ path('app_vehiculedetailslug',{slug: v.slug} ) }}">
  246.                                                 <img src="{{ asset('uploads/vehicules/'~ v.code ~'/'~v.photoImage) }}" alt=""  width="200" height="100" />
  247.                                             </a>
  248.                                         </figure>
  249.                                         <div class="col-md-8 mb-0 col-sm-6 ">
  250.                                             <h6>
  251.                                                 <a href="{{ path('app_vehiculedetailslug',{slug: v.slug} ) }}">{{ v.libelle|length > 50 ?  v.libelle|slice(0, 50) ~ '...' : v.libelle  }}</a>
  252.                                             </h6>
  254.                                             <div class="product-price">
  255.                                                     <span>
  256.                                                 {% if v.prix > 0%}
  257.                                                     {{ v.prix|number_format(0,'.',' ') }} FCFA
  258.                                                 {% else %}
  259.                                                     Prix à la demande
  260.                                                 {% endif %}
  261.                                             </span>
  263.                                             </div>
  264.                                             <div class="d-inline-block">
  265.                                                 <span class="font-small text-muted">Publié le {{ v.pubDate| date('d/m/Y h:i') }}</span>
  266.                                             </div>
  267.                                         </div>
  268.                                     </article>
  269.                                  
  270.                                 </div>
  271.                             {% endfor %}
  273.                         </div>
  274.                     </div>
  275.                 </div>
  276.             </div>
  277.         </section>
  278.           {% endif %}
  279.     {% if services  is not  empty   %}
  280.     <section class="section-padding pb-5 mb-40">
  281.   <div class=" row product-list-small animated animated ml-5 ">
  282.     <h4 class="section-title style-1 mb-30 animated animated">Les Récentes  publications de services</h4>
  283.         {% for s in   services  %}
  284.             <div class="col-md-3 col-lg-3 col-sm-6  mb-2  ">
  285.                 <article class="row align-items-center hover-up  mr-5 mb-1" style=" ;">
  286.                     <figure class="col-md-4  col-sm-6 mb-0">
  287.                     
  288.                         <a href="{{ path('app_services_detailslug',{slug: s.slug} ) }}">
  289.                             <img src="{{ asset('uploads/services/'~ s.code ~'/'~s.imagePrincipale) }}" alt="" height="100px"/>
  290.                         </a>
  291.                     </figure>
  292.                     <div class="col-md-8 mb-0 col-sm-6 ">
  293.                         <h6>
  294.                             <a href="{{ path('app_services_detailslug',{slug: s.slug} ) }}">{{ s.libelle|length > 50 ?  s.libelle|slice(0, 50) ~ '...' : s.libelle  }}</a>
  295.                         </h6>
  296.                             <div class=" d-inline-block">
  297.                                 <i class="fi-rs-location-alt mr-5"></i>{{ s.ville}}
  298.                                 {% if s.quartier is not null %}
  299.                                 - {{ s.quartier }}
  300.                                 {% endif %}
  301.                             </div>
  303.                         <div class="product-price">
  304.                                 <span>
  305.                             {% if s.price > 0%}
  306.                                 {{ s.price|number_format(0,'.',' ') }} FCFA
  307.                             {% else %}
  308.                                 Prix à la demande
  309.                             {% endif %}
  310.                         </span>
  312.                         </div>
  313.                         <div class="d-inline-block">
  314.                             <span class="font-small text-muted">Publié le {{ s.pubAt| date('d/m/Y h:i') }}</span>
  315.                         </div>
  316.                     </div>
  317.                 </article>
  318.                 <hr/>
  319.             </div>
  320.         {% endfor %}
  321.         {% if services is not null %}
  322.         <div class="pagination-area mt-20 mb-20">
  323.             {{ knp_pagination_render(services, 'paginator.html.twig') }}
  324.         </div>
  325.         {% endif %}
  327.     </div>
  328. </section>
  329.  {% endif%}
  330.     </main>
  331. {% endblock %}