templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Bienvenue {% endblock %}
  5. {% block body %}
  6.     <!-- Modal -->
  7.     <div class="modal fade custom-modal" id="onloadModal" tabindex="-1" aria-labelledby="onloadModalLabel" aria-hidden="true"  data-backdrop="true">
  8.       
  9.         <div class="modal-dialog " >  
  10.            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 
  11.                      
  12.                                 {% if pubImages["Z-IMG0-PA"] is defined %}
  13.                                      <img src="{{ asset('uploads/pubs/'~ pubImages["Z-IMG0-PA"]) }}"  alt="" class="border-radius-10"/>
  14.                                 {% else %}
  15.                                     <img src="{{ asset('assets/imgs/deals/img-13.jpg') }}"  alt="" class="border-radius-10" />
  16.                                 {% endif %}
  17.                       
  18.         </div>
  19.     </div>
  20.     <main class="main">
  21.         <section class="home-slider position-relative mb-10">
  22.             <div class="container">
  23.                 <div class="row">
  24.                     <div class="col-lg-3 mt-30">
  25.                       <div class="row">
  26.                             <div class="col-md-6 col-lg-12">
  27.                             <h1 class="mb-5" style="text-align: justify-all;font-size: medium">Bienvenue sur   <span style="color: #e1b12c">228</span><span style="color: #006266">deals</span> </h1>
  28.                             <span class="text-muted">228 Ici c'est TOGO</span>
  29.                             <div class="vendor-d">
  30.                                         <p class="font-sm text-heading">
  31.                                             Développez votre business. Commencez à vendre ou à louer dès aujourd'hui avec <span style="color: #e1b12c">228</span><span style="color: #006266">deals</span> !
  32.                                            Nous vous mettons en contact avec les clients.<br>
  34.                                         </p>
  35.                                         <hr/>
  36.                             </div>
  37.                            <div class="product-list-small animated animated ">
  38.                                     {% for im in immeubles %}
  39.                                         <article class="row align-items-center  border-radius-10" style="margin-bottom:2px; background-color:#006266; margin-right:0px; margin-left:0px ">
  40.                                         <figure class="col-md-4  col-sm-6 mb-0">
  41.                                                 {% if im.typeoperation == "LOCATION" %}
  42.                                                     <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >A LOUER </span>
  43.                                                 {% endif %}
  44.                                                 {% if im.typeoperation == "VENTE" %}
  45.                                                     <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >VENTE</span>
  46.                                                 {% endif %}
  47.                                                 <a href="{{ path('app_home_detail',{slug: im.slug} ) }}">
  48.                                                     <img src="{{ asset('uploads/immeubles/'~ im.code ~'/'~im.photo) }}" height="80px" alt="" />
  49.                                                 </a>
  50.                                             </figure>
  51.                                             <div class="col-md-8 mb-0">
  52.                                              <div class="product-category">
  53.                                                         <a href="{{ path('app_immeubledetailslug',{slug: im.slug} ) }}" style="color: #eab543">{{ im.categorie.libelle }}</a>
  54.                                                     </div>
  55.                                                 <h6 >
  56.                                                     <a href="{{ path('app_immeubledetailslug',{slug: im.slug} ) }}" style="color: #FFF; font-size: small">{{ im.libelle|length > 50 ?  im.libelle|slice(0, 50) ~ '...' : im.libelle  }}</a>
  57.                                                 </h6>
  58.                                                 <span class="font-small text-muted">Publié le {{ im.pubDate| date('d/m/Y h:i') }}</span>
  59.                                                 <div class="product-price">
  60.                                                      {% if im.isNoprice == false %}
  61.                                                             <span style="color: #FFF">{{ im.prix|number_format(0,'.',' ') }} FCFA </span>
  62.                                                         {% else %}
  63.                                                             <span style="color: #FFF">Prix à la demande </span>
  64.                                                         {% endif %}
  65.                                                 </div>
  66.                                             </div>
  67.                                           
  68.                                         </article>
  69.                                     {% endfor %}
  70.                                 </div>
  71.                             </div>
  72.                     
  73.                         </div>
  74.                     </div>
  75.                     <div class="col-lg-6">
  76.                         <div class="home-slide-cover mt-30">
  77.                             <div class="hero-slider-1 style-5 dot-style-1 dot-style-1-position-2; ">
  78.                                 {% if pubImages["Z-SLIDE-IMG1-PA"] is defined %}
  79.                                     <div class="single-hero-slider single-animation-wrap" style="background-image: url({{ asset('uploads/pubs/'~ pubImages["Z-SLIDE-IMG1-PA"]) }}) ; height: 360px">
  80.                                         <div class="slider-content">
  81.                                         </div>
  82.                                     </div>
  83.                                 {% else %}
  84.                                     <div class="single-hero-slider single-animation-wrap" style="background-image: url(assets/imgs/slider/228deals-slide1.jpg) ;  height: 360px">
  85.                                         <div class="slider-content">
  86.                                         </div>
  87.                                     </div>
  88.                                 {% endif %}
  89.                                 {% if pubImages["Z-SLIDE-IMG2-PA"] is defined %}
  90.                                     <div class="single-hero-slider single-animation-wrap" style="background-image: url({{ asset('uploads/pubs/'~ pubImages["Z-SLIDE-IMG2-PA"]) }}) ; height: 360px">
  91.                                         <div class="slider-content">
  92.                                         </div>
  93.                                     </div>
  94.                                 {% else %}
  95.                                 <div class="single-hero-slider single-animation-wrap" style="background-image: url(assets/imgs/slider/228deals-slide2.jpg);  height: 360px">
  96.                                     <div class="slider-content">
  97.                                     </div>
  98.                                 </div>
  99.                                 {% endif %}
  100.                             </div>
  101.                             <div class="slider-arrow hero-slider-1-arrow"></div>
  102.                         </div>
  103.                     </div>
  104.                     <div class="col-lg-3">
  105.                         <div class="row">
  106.                             <div class="col-md-6 col-lg-12">
  107.                            <div class="product-list-small animated animated mt-30">
  108.                                     {% for v in vehicules %}
  109.                                         <article class="row align-items-center  border-radius-10" style="margin-bottom:2px; background-color:#006266; margin-right:0px; margin-left:0px ">
  110.                                         <figure class="col-md-4  col-sm-6 mb-0">
  111.                                                 {% if v.typeoperation == "LOCATION" %}
  112.                                                     <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >A LOUER </span>
  113.                                                 {% endif %}
  114.                                                 {% if v.typeoperation == "VENTE" %}
  115.                                                     <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >VENTE</span>
  116.                                                 {% endif %}
  117.                                                 <a href="{{ path('app_vehiculedetailslug',{slug: v.slug} ) }}">
  118.                                                     <img src="{{ asset('uploads/vehicules/'~ v.code ~'/'~v.photoImage) }}" height="80px" alt="" />
  119.                                                 </a>
  120.                                             </figure>
  121.                                             <div class="col-md-8 mb-0">
  122.                                              <div class="product-category">
  123.                                                         <a href="{{ path('app_vehiculedetailslug',{slug: v.slug} ) }}" style="color: #eab543"></a>
  124.                                                 </div>
  125.                                                 <h6 >
  126.                                                     <a href="{{ path('app_vehiculedetailslug',{slug: v.slug} ) }}" style="color: #FFF; font-size: small">{{ v.libelle|length > 50 ?  v.libelle|slice(0, 50) ~ '...' : v.libelle  }}</a>
  127.                                                 </h6>
  128.                                                 <span class="font-small text-muted">Publié le {{ v.pubDate| date('d/m/Y h:i') }}</span>
  129.                                                 <div class="product-price">
  130.                                                      {% if v.isNoprice == false %}
  131.                                                             <span style="color: #FFF">{{ v.prix|number_format(0,'.',' ') }} FCFA </span>
  132.                                                         {% else %}
  133.                                                             <span style="color: #FFF">Prix à la demande </span>
  134.                                                         {% endif %}
  135.                                                 </div>
  136.                                             </div>
  137.                                           
  138.                                         </article>
  139.                                     {% endfor %}
  141.                                     {% for art in varticles %}
  142.                                         <article class="row align-items-center  border-radius-10" style="margin-bottom:2px; background-color:#006266; margin-right:0px; margin-left:0px ">
  143.                                         <figure class="col-md-4  col-sm-6 mb-0">
  144.                                                 {% if art.ispromo == true %}
  145.                                                     <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >PROMO </span>
  146.                                                 {% endif %}
  147.                                                 {% if art.IsSolde == true %}
  148.                                                     <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >Jusqu'à -{{ art.soldePourcentage}}% </span>
  149.                                                 {% endif %}
  150.                                                 <a href="{{ path('app_home_detail',{slug: art.slug} ) }}">
  151.                                                     <img src="{{ asset('uploads/articles/'~ art.code ~'/'~art.imageprincipale) }}" alt="" />
  152.                                                 </a>
  153.                                             </figure>
  154.                                             <div class="col-md-8 mb-0">
  155.                                                 <h6 >
  156.                                                     <a href="{{ path('app_home_detail',{slug: art.slug} ) }}" style="color: #FFF; font-size: small">{{ art.libelle|length > 50 ?  art.libelle|slice(0, 50) ~ '...' : art.libelle  }}</a>
  157.                                                 </h6>
  158.                                                 <span class="font-small text-muted">Publié le {{ art.pubDate| date('d/m/Y h:i') }}</span>
  159.                                                 <div class="product-price">
  160.                                                                                         {% if art.ispromo==true %}
  162.                                                         {% if art.isNoprice == true %}
  163.                                                             <span>Prix à la demande</span>
  164.                                                         {% else %}
  165.                                                         <span style="color: #FFF">{{ art.prixpromo|number_format(0,'.',' ') }} FCFA</span>
  166.                                                         <span class="old-price" style="color: #FFF">{{ art.prix|number_format(0,'.',' ') }} FCFA</span>
  167.                                                         {% endif %}
  169.                                                     {% elseif  art.IsSolde == true %}
  170.                                                         {% if art.isNoprice == true %}
  171.                                                             <span style="color: #FFF">Prix à la demande</span>
  172.                                                         {% else %}
  173.                                                             <span style="color: #FFF">{{ art.prix|number_format(0,'.',' ') }} FCFA</span>
  174.                                                         {% endif %}
  175.                                                     {% else %}
  177.                                                         <span style="color: #FFF">
  178.                                                             {% if art.prix > 0%}
  179.                                                             {{ art.prix|number_format(0,'.',' ') }} FCFA
  180.                                                             {% else %}
  181.                                                                 Prix à la demande
  182.                                                             {% endif %}
  183.                                                         </span>
  184.                                                     {% endif %}
  185.                                                 </div>
  186.                                             </div>
  187.                                           
  188.                                         </article>
  189.                                     {% endfor %}
  190.                                 </div>
  191.                             </div>
  192.                     
  193.                         </div>
  194.                     </div>
  195.                 </div>
  196.             </div>
  197.         </section>
  198.         <!--
  199.         <section class="section-padding">
  200.             <div class="container">
  201.                 <div class="row">
  202.                     <div class="col-lg-3 col-md-6">
  203.                         <div class="banner-img style-6 wow animate__ animate__fadeInUp animated" data-wow-delay="0" style="visibility: visible; animation-name: fadeInUp;">
  204.                             <img src="{{ asset('assets/imgs/deals/img-pub-3.jpg') }}" alt="">
  205.                             <div class="banner-text">
  206.                               
  207.                             </div>
  208.                         </div>
  209.                     </div>
  210.                     <div class="col-lg-3 col-md-6">
  211.                         <div class="banner-img style-6 wow animate__ animate__fadeInUp animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
  212.                             <img src="{{ asset('assets/imgs/deals/img-pub-4.jpg') }}" alt="">
  213.                             <div class="banner-text">
  214.                                
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.                     <div class="col-lg-3 col-md-6">
  219.                         <div class="banner-img style-6 wow animate__ animate__fadeInUp animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
  220.                             <img src="{{ asset('assets/imgs/deals/img-pub-4.jpg') }}" alt="">
  221.                             <div class="banner-text">
  222.                                
  223.                             </div>
  224.                         </div>
  225.                     </div>
  226.                     <div class="col-lg-3 col-md-6">
  227.                         <div class="banner-img style-6 wow animate__ animate__fadeInUp animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
  228.                             <img src="{{ asset('assets/imgs/deals/img-pub-4.jpg') }}" alt="">
  229.                             <div class="banner-text">
  230.                                 <h6 class="mb-10 mt-30">
  231.                             
  232.                             </div>
  233.                         </div>
  234.                     </div>
  235.                 </div>
  236.             </div>
  237.         </section>-->
  238.         <section class="section-padding mb-10">
  239.             <div class="container">
  240.                 <div class="row">
  241.                     <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">
  242.                         <h4 class="section-title style-1 mb-10 animated animated">Récentes articles</h4>
  243.                         <div class=" row product-list-small animated animated">
  244.                             {% for article in   articles  %}
  245.                             <div class="col-md-6 col-lg-3  mb-2  articles">
  246.                                 <article class="row align-items-center hover-up  mr-5 mb-1" style="height: 130px">
  247.                                     <figure class="col-md-4  col-sm-6 mb-0">
  248.                                         {% if article.ispromo == true %}
  249.                                             <span class=" badge alert-success"  style="background: #e1b12c; color: #FFFFFF" >PROMO </span>
  250.                                         {% endif %}
  251.                                         {% if article.IsSolde == true %}
  252.                                             <span class=" badge alert-success"  style="background: #f87171; color: #FFFFFF" >Jusqu'à -{{ article.soldePourcentage}}% </span>
  253.                                         {% endif %}
  254.                                         <a href="{{ path('app_home_detail',{slug: article.slug} ) }}">
  255.                                             <img src="{{ asset('uploads/articles/'~ article.code ~'/'~article.imageprincipale) }}" alt="" height="100px" />
  256.                                         </a>
  257.                                     </figure>
  258.                                     <div class="col-md-8 mb-0 col-sm-6 ">
  259.                                         <h6>
  260.                                             <a href="{{ path('app_home_detail',{slug: article.slug} ) }}">{{ article.libelle|length > 50 ?  article.libelle|slice(0, 50) ~ '...' : article.libelle  }}</a>
  261.                                         </h6>
  263.                                         <div class="product-price">
  264.                                         {% if article.ispromo==true %}
  266.                                             {% if article.isNoprice == true %}
  267.                                                 <span>Prix à la demande</span>
  268.                                             {% else %}
  269.                                             <span>{{ article.prixpromo|number_format(0,'.',' ') }} FCFA</span>
  270.                                             <span class="old-price">{{ article.prix|number_format(0,'.',' ') }} FCFA</span>
  271.                                             {% endif %}
  273.                                         {% elseif  article.IsSolde == true %}
  274.                                             {% if article.isNoprice == true %}
  275.                                                 <span>Prix à la demande</span>
  276.                                             {% else %}
  277.                                                 <span>{{ article.prix|number_format(0,'.',' ') }} FCFA</span>
  278.                                             {% endif %}
  279.                                         {% else %}
  281.                                             <span>
  282.                                                 {% if article.prix > 0%}
  283.                                                 {{ article.prix|number_format(0,'.',' ') }} FCFA
  284.                                                 {% else %}
  285.                                                     Prix à la demande
  286.                                                 {% endif %}
  287.                                             </span>
  288.                                         {% endif %}
  289.                                         </div>
  290.                                         <div class="d-inline-block">
  291.                                             <span class="font-small text-muted">Publié le {{ article.pubDate| date('d/m/Y h:i') }}</span>
  292.                                         </div>
  293.                                     </div>
  294.                                 </article>
  295.                                 
  296.                             </div>
  297.                            {% endfor %}
  300.                             <div class="pagination-area mt-10 mb-10">
  301.                                  {{ knp_pagination_render(articles, 'paginator.html.twig') }}
  302.                             </div>
  304.                         </div>
  305.                     </div>
  306.                 </div>
  307.             </div>
  308.         </section>
  310.         <section class="banners mb-25">
  311.             <div class="container">
  312.                 <div class="row">
  313.                     <div class="col-lg-4 col-md-6">
  314.                         <div class="banner-img wow animate__ animate__fadeInUp animated" data-wow-delay="0" style="visibility: visible; animation-name: fadeInUp;">
  315.                           <!--  <img src="assets/imgs/banner/banner-1.png" alt="">-->
  316.                               {% if pubImages["Z-B-IMG1-PA"] is defined %}
  317.                                      <a href="#" ><img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG1-PA"]) }}"  alt="" class="border-radius-10" /></a>
  318.                                 {% else %}
  319.                                      <a href="#" ><img src="{{ asset('assets/imgs/deals/img-pub-3.jpg') }}"  alt="" class="border-radius-10" /></a>
  320.                                 {% endif %}
  321.                             <div class="banner-text">   
  322.                             </div>
  323.                         </div>
  324.                     </div>
  325.                     <div class="col-lg-4 col-md-6">
  326.                         <div class="banner-img wow animate__ animate__fadeInUp animated" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
  327.                                 {% if pubImages["Z-B-IMG2-PA"] is defined %}
  328.                                      <a href="#" ><img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG2-PA"]) }}"  alt="" class="border-radius-10" /></a>
  329.                                 {% else %}
  330.                                      <a href="#" ><img src="{{ asset('assets/imgs/deals/img-pub-4.jpg') }}"  alt="" class="border-radius-10" /></a>
  331.                                 {% endif %}
  332.                             <div class="banner-text">
  333.                         
  334.                             </div>
  335.                         </div>
  336.                     </div>
  337.                     <div class="col-lg-4 d-md-none d-lg-flex">
  338.                         <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;">
  339.                               {% if pubImages["Z-B-IMG3-PA"] is defined %}
  340.                                      <a href="#" ><img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG3-PA"]) }}"  alt="" class="border-radius-10" /></a>
  341.                                 {% else %}
  342.                                      <a href="#" ><img src="{{ asset('assets/imgs/deals/img-pub-3.jpg') }}"  alt="" class="border-radius-10" /></a>
  343.                                 {% endif %}
  344.                             <div class="banner-text">
  345.                              
  346.                             </div>
  347.                         </div>
  348.                     </div>
  349.                 </div>
  350.             </div>
  351.         </section>
  352.     </main>
  353. {% endblock %}