{% extends 'base.html.twig' %}
{% block title %}Bienvenue {% endblock %}
{% block body %}
<!-- Modal -->
<div class="modal fade custom-modal" id="onloadModal" tabindex="-1" aria-labelledby="onloadModalLabel" aria-hidden="true" data-backdrop="true">
<div class="modal-dialog " >
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
{% if pubImages["Z-IMG0-PA"] is defined %}
<img src="{{ asset('uploads/pubs/'~ pubImages["Z-IMG0-PA"]) }}" alt="" class="border-radius-10"/>
{% else %}
<img src="{{ asset('assets/imgs/deals/img-13.jpg') }}" alt="" class="border-radius-10" />
{% endif %}
</div>
</div>
<main class="main">
<section class="home-slider position-relative mb-10">
<div class="container">
<div class="row">
<div class="col-lg-3 mt-30">
<div class="row">
<div class="col-md-6 col-lg-12">
<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>
<span class="text-muted">228 Ici c'est TOGO</span>
<div class="vendor-d">
<p class="font-sm text-heading">
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> !
Nous vous mettons en contact avec les clients.<br>
</p>
<hr/>
</div>
<div class="product-list-small animated animated ">
{% for im in immeubles %}
<article class="row align-items-center border-radius-10" style="margin-bottom:2px; background-color:#006266; margin-right:0px; margin-left:0px ">
<figure class="col-md-4 col-sm-6 mb-0">
{% if im.typeoperation == "LOCATION" %}
<span class=" badge alert-success" style="background: #e1b12c; color: #FFFFFF" >A LOUER </span>
{% endif %}
{% if im.typeoperation == "VENTE" %}
<span class=" badge alert-success" style="background: #f87171; color: #FFFFFF" >VENTE</span>
{% endif %}
<a href="{{ path('app_home_detail',{slug: im.slug} ) }}">
<img src="{{ asset('uploads/immeubles/'~ im.code ~'/'~im.photo) }}" height="80px" alt="" />
</a>
</figure>
<div class="col-md-8 mb-0">
<div class="product-category">
<a href="{{ path('app_immeubledetailslug',{slug: im.slug} ) }}" style="color: #eab543">{{ im.categorie.libelle }}</a>
</div>
<h6 >
<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>
</h6>
<span class="font-small text-muted">Publié le {{ im.pubDate| date('d/m/Y h:i') }}</span>
<div class="product-price">
{% if im.isNoprice == false %}
<span style="color: #FFF">{{ im.prix|number_format(0,'.',' ') }} FCFA </span>
{% else %}
<span style="color: #FFF">Prix à la demande </span>
{% endif %}
</div>
</div>
</article>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="home-slide-cover mt-30">
<div class="hero-slider-1 style-5 dot-style-1 dot-style-1-position-2; ">
{% if pubImages["Z-SLIDE-IMG1-PA"] is defined %}
<div class="single-hero-slider single-animation-wrap" style="background-image: url({{ asset('uploads/pubs/'~ pubImages["Z-SLIDE-IMG1-PA"]) }}) ; height: 360px">
<div class="slider-content">
</div>
</div>
{% else %}
<div class="single-hero-slider single-animation-wrap" style="background-image: url(assets/imgs/slider/228deals-slide1.jpg) ; height: 360px">
<div class="slider-content">
</div>
</div>
{% endif %}
{% if pubImages["Z-SLIDE-IMG2-PA"] is defined %}
<div class="single-hero-slider single-animation-wrap" style="background-image: url({{ asset('uploads/pubs/'~ pubImages["Z-SLIDE-IMG2-PA"]) }}) ; height: 360px">
<div class="slider-content">
</div>
</div>
{% else %}
<div class="single-hero-slider single-animation-wrap" style="background-image: url(assets/imgs/slider/228deals-slide2.jpg); height: 360px">
<div class="slider-content">
</div>
</div>
{% endif %}
</div>
<div class="slider-arrow hero-slider-1-arrow"></div>
</div>
</div>
<div class="col-lg-3">
<div class="row">
<div class="col-md-6 col-lg-12">
<div class="product-list-small animated animated mt-30">
{% for v in vehicules %}
<article class="row align-items-center border-radius-10" style="margin-bottom:2px; background-color:#006266; margin-right:0px; margin-left:0px ">
<figure class="col-md-4 col-sm-6 mb-0">
{% if v.typeoperation == "LOCATION" %}
<span class=" badge alert-success" style="background: #e1b12c; color: #FFFFFF" >A LOUER </span>
{% endif %}
{% if v.typeoperation == "VENTE" %}
<span class=" badge alert-success" style="background: #f87171; color: #FFFFFF" >VENTE</span>
{% endif %}
<a href="{{ path('app_vehiculedetailslug',{slug: v.slug} ) }}">
<img src="{{ asset('uploads/vehicules/'~ v.code ~'/'~v.photoImage) }}" height="80px" alt="" />
</a>
</figure>
<div class="col-md-8 mb-0">
<div class="product-category">
<a href="{{ path('app_vehiculedetailslug',{slug: v.slug} ) }}" style="color: #eab543"></a>
</div>
<h6 >
<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>
</h6>
<span class="font-small text-muted">Publié le {{ v.pubDate| date('d/m/Y h:i') }}</span>
<div class="product-price">
{% if v.isNoprice == false %}
<span style="color: #FFF">{{ v.prix|number_format(0,'.',' ') }} FCFA </span>
{% else %}
<span style="color: #FFF">Prix à la demande </span>
{% endif %}
</div>
</div>
</article>
{% endfor %}
{% for art in varticles %}
<article class="row align-items-center border-radius-10" style="margin-bottom:2px; background-color:#006266; margin-right:0px; margin-left:0px ">
<figure class="col-md-4 col-sm-6 mb-0">
{% if art.ispromo == true %}
<span class=" badge alert-success" style="background: #e1b12c; color: #FFFFFF" >PROMO </span>
{% endif %}
{% if art.IsSolde == true %}
<span class=" badge alert-success" style="background: #f87171; color: #FFFFFF" >Jusqu'à -{{ art.soldePourcentage}}% </span>
{% endif %}
<a href="{{ path('app_home_detail',{slug: art.slug} ) }}">
<img src="{{ asset('uploads/articles/'~ art.code ~'/'~art.imageprincipale) }}" alt="" />
</a>
</figure>
<div class="col-md-8 mb-0">
<h6 >
<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>
</h6>
<span class="font-small text-muted">Publié le {{ art.pubDate| date('d/m/Y h:i') }}</span>
<div class="product-price">
{% if art.ispromo==true %}
{% if art.isNoprice == true %}
<span>Prix à la demande</span>
{% else %}
<span style="color: #FFF">{{ art.prixpromo|number_format(0,'.',' ') }} FCFA</span>
<span class="old-price" style="color: #FFF">{{ art.prix|number_format(0,'.',' ') }} FCFA</span>
{% endif %}
{% elseif art.IsSolde == true %}
{% if art.isNoprice == true %}
<span style="color: #FFF">Prix à la demande</span>
{% else %}
<span style="color: #FFF">{{ art.prix|number_format(0,'.',' ') }} FCFA</span>
{% endif %}
{% else %}
<span style="color: #FFF">
{% if art.prix > 0%}
{{ art.prix|number_format(0,'.',' ') }} FCFA
{% else %}
Prix à la demande
{% endif %}
</span>
{% endif %}
</div>
</div>
</article>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
<section class="section-padding">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="banner-img style-6 wow animate__ animate__fadeInUp animated" data-wow-delay="0" style="visibility: visible; animation-name: fadeInUp;">
<img src="{{ asset('assets/imgs/deals/img-pub-3.jpg') }}" alt="">
<div class="banner-text">
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<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;">
<img src="{{ asset('assets/imgs/deals/img-pub-4.jpg') }}" alt="">
<div class="banner-text">
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<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;">
<img src="{{ asset('assets/imgs/deals/img-pub-4.jpg') }}" alt="">
<div class="banner-text">
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<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;">
<img src="{{ asset('assets/imgs/deals/img-pub-4.jpg') }}" alt="">
<div class="banner-text">
<h6 class="mb-10 mt-30">
</div>
</div>
</div>
</div>
</div>
</section>-->
<section class="section-padding mb-10">
<div class="container">
<div class="row">
<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">
<h4 class="section-title style-1 mb-10 animated animated">Récentes articles</h4>
<div class=" row product-list-small animated animated">
{% for article in articles %}
<div class="col-md-6 col-lg-3 mb-2 articles">
<article class="row align-items-center hover-up mr-5 mb-1" style="height: 130px">
<figure class="col-md-4 col-sm-6 mb-0">
{% if article.ispromo == true %}
<span class=" badge alert-success" style="background: #e1b12c; color: #FFFFFF" >PROMO </span>
{% endif %}
{% if article.IsSolde == true %}
<span class=" badge alert-success" style="background: #f87171; color: #FFFFFF" >Jusqu'à -{{ article.soldePourcentage}}% </span>
{% endif %}
<a href="{{ path('app_home_detail',{slug: article.slug} ) }}">
<img src="{{ asset('uploads/articles/'~ article.code ~'/'~article.imageprincipale) }}" alt="" height="100px" />
</a>
</figure>
<div class="col-md-8 mb-0 col-sm-6 ">
<h6>
<a href="{{ path('app_home_detail',{slug: article.slug} ) }}">{{ article.libelle|length > 50 ? article.libelle|slice(0, 50) ~ '...' : article.libelle }}</a>
</h6>
<div class="product-price">
{% if article.ispromo==true %}
{% if article.isNoprice == true %}
<span>Prix à la demande</span>
{% else %}
<span>{{ article.prixpromo|number_format(0,'.',' ') }} FCFA</span>
<span class="old-price">{{ article.prix|number_format(0,'.',' ') }} FCFA</span>
{% endif %}
{% elseif article.IsSolde == true %}
{% if article.isNoprice == true %}
<span>Prix à la demande</span>
{% else %}
<span>{{ article.prix|number_format(0,'.',' ') }} FCFA</span>
{% endif %}
{% else %}
<span>
{% if article.prix > 0%}
{{ article.prix|number_format(0,'.',' ') }} FCFA
{% else %}
Prix à la demande
{% endif %}
</span>
{% endif %}
</div>
<div class="d-inline-block">
<span class="font-small text-muted">Publié le {{ article.pubDate| date('d/m/Y h:i') }}</span>
</div>
</div>
</article>
</div>
{% endfor %}
<div class="pagination-area mt-10 mb-10">
{{ knp_pagination_render(articles, 'paginator.html.twig') }}
</div>
</div>
</div>
</div>
</div>
</section>
<section class="banners mb-25">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="banner-img wow animate__ animate__fadeInUp animated" data-wow-delay="0" style="visibility: visible; animation-name: fadeInUp;">
<!-- <img src="assets/imgs/banner/banner-1.png" alt="">-->
{% if pubImages["Z-B-IMG1-PA"] is defined %}
<a href="#" ><img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG1-PA"]) }}" alt="" class="border-radius-10" /></a>
{% else %}
<a href="#" ><img src="{{ asset('assets/imgs/deals/img-pub-3.jpg') }}" alt="" class="border-radius-10" /></a>
{% endif %}
<div class="banner-text">
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="banner-img wow animate__ animate__fadeInUp animated" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
{% if pubImages["Z-B-IMG2-PA"] is defined %}
<a href="#" ><img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG2-PA"]) }}" alt="" class="border-radius-10" /></a>
{% else %}
<a href="#" ><img src="{{ asset('assets/imgs/deals/img-pub-4.jpg') }}" alt="" class="border-radius-10" /></a>
{% endif %}
<div class="banner-text">
</div>
</div>
</div>
<div class="col-lg-4 d-md-none d-lg-flex">
<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;">
{% if pubImages["Z-B-IMG3-PA"] is defined %}
<a href="#" ><img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG3-PA"]) }}" alt="" class="border-radius-10" /></a>
{% else %}
<a href="#" ><img src="{{ asset('assets/imgs/deals/img-pub-3.jpg') }}" alt="" class="border-radius-10" /></a>
{% endif %}
<div class="banner-text">
</div>
</div>
</div>
</div>
</div>
</section>
</main>
{% endblock %}