{% extends 'base.html.twig' %}
{% block title %}Detail-Immeuble{% endblock %}
{% block body %}
<main class="main">
<div class="page-header breadcrumb-wrap">
<div class="container">
<div class="breadcrumb">
<a href="{{ path('app_home_index') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
<span></span> <a href="{{ path('app_vehiculeindex') }}">Vehicules</a> <span></span> {{ vehicule.libelle }}
</div>
</div>
</div>
<div class="container mb-30">
<div class="row">
<div class="col-xl-11 col-lg-12 m-auto">
<div class="row">
<div class="col-xl-9">
<div class="product-detail accordion-detail">
<div class="row mb-20 mt-30">
<div class="col-md-4 col-sm-12 col-xs-12 mb-md-0 mb-sm-5">
<div class="detail-gallery">
<span class="zoom-icon"><i class="fi-rs-search"></i></span>
<!-- MAIN SLIDES -->
<div class="product-image-slider">
<figure class="border-radius-10">
<img src="{{ asset('uploads/vehicules/'~ vehicule.code ~'/'~vehicule.photoImage) }}" width="100%" height="200px" alt="product image">
</figure>
{% for i in vehicule.imagesVh %}
<figure class="border-radius-10">
<img src="{{ asset('uploads/vehicules/'~ vehicule.code ~'/'~ i.nom) }}" width="100%" height="200px" alt="product image">
</figure>
{% endfor %}
</div>
<!-- THUMBNAILS -->
<div class="slider-nav-thumbnails">
<div>
<img src="{{ asset('uploads/vehicules/'~ vehicule.code ~'/'~vehicule.photoImage) }}" alt="product image" width="50px" height="50px">
</div>
{% for i in vehicule.imagesVh %}
<div>
<img src="{{ asset('uploads/vehicules/'~ vehicule.code ~'/'~ i.nom) }}" alt="product image" width="50px" height="50px">
</div>
{% endfor %}
</div>
</div>
<!-- End Gallery -->
<hr/>
<div class="mobile-social-icon">
<a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-facebook-white.svg') }}" alt="" /></a>
<a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-twitter-white.svg') }}" alt="" /></a>
<a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-instagram-white.svg') }}" alt="" /></a>
<a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-whatsapp.svg') }}" alt="" /></a>
</div>
</div>
<div class="col-md-8 col-sm-12 col-xs-12">
<div>
{% if vehicule.typeoperation == "LOCATION" %}
<span class="badge alert-success " style="background: #eab543; color: #FFFFFF ; font-size: large" > <i class="fi-rs-school-bus"></i> A LOUER</span>
{% else %}
<span class="badge alert-success " style="background: #f87171; color: #FFFFFF ; font-size: large" > <i class="fi-rs-school-bus"></i> EN VENTE</span>
{% endif %}
</div>
<hr/>
<div class="detail-info pr-30 pl-30">
<h2 class="title-detail">{{ vehicule.libelle }}</h2>
<span>{{ vehicule.marque.libelle }} - {{ vehicule.modele.libelle }} </span><br/>
<span>Publié le {{ vehicule.createdAt |date("m/d/Y h:i") }}</span>
{% if vehicule.isNoprice == false %}
<div class="clearfix product-price-cover">
<div class="product-price primary-color float-left">
<span class="current-price text-brand" style="font-size: x-large">{{ vehicule.prix|number_format(0,'.',' ') }} FCFA</span>
{% if vehicule.typeoperation == "LOCATION" %}
<span>/Par jour</span>
{% endif %}
</div>
</div>
{% else %}
<div class="clearfix product-price-cover">
<div class="product-price primary-color float-left">
<span class="text-brand p-1" style="background: #e1b12c; color: #FFFFFF;">Prix à la demande</span>
</div>
</div>
{% endif %}
<span><img src="{{ asset('assets/imgs/theme/icons/icon-location.svg') }}" alt="" />
<strong><span>{{ vehicule.ville.nom }}
</span></strong>
</span>
<div class="short-desc mb-20">
<p class="font-lg">{{ vehicule.description }}</p>
<hr/>
<ul>
{% for v in vehicule.vehiculeVariables %}
{% if v.variable.typehtml == "CHECKBOX_HTML" and v.valeur == "on" %}
<li>{{ v.variable.nom }} <span class="text-brand"></span> </li>
{% elseif v.variable.typehtml != "CHECKBOX_HTML" %}
<li>{{ v.variable.nom }} : <span class="text-brand"> {{ v.valeur }}</span> </li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
<!-- Detail Info -->
</div>
</div>
</div>
<div class="row mt-20">
<div class="col-12">
<h2 class="section-title style-1 mb-30">Dans la même categorie</h2>
</div>
<div class="col-12">
<div class="row related-products">
{% for a in vehicules %}
{% if a.id != vehicule.id %}
<div class="col-lg-4 col-md-4 col-12 col-sm-6">
<div class="product-cart-wrap hover-up">
<div class="product-content-wrap">
<h2><a href="" tabindex="0">{{ a.libelle }}</a></h2>
<div>
<span><img src="{{ asset('assets/imgs/theme/icons/icon-location.svg') }}" alt="" />
<strong><span>{{ a.ville.nom }}
</span></strong>
</span>
</div>
<div class="product-price">
{% if a.isNoprice == true %}
<span>Prix à la demande</span>
{% else %}
<span>{{ a.prix }} FCFA</span>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-12">
{% if pubImages["Z-B-IMG-PD"] is defined %}
<img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG-PD"]) }}" class="border-radius-10" alt="" width="100%"/>
{% else %}
<img src="{{ asset('assets/imgs/deals/img-12.jpg') }}" class="border-radius-10" alt="" width="100%" />
{% endif %}
</div>
</div>
</div>
<div class="col-xl-3 primary-sidebar sticky-sidebar mt-10">
<div class="sidebar-widget widget-vendor mb-30 bg-grey-9 box-shadow-none">
<h5 class="section-title style-3 mb-10">Infos sur l'Agence</h5>
<hr/>
<div class="vendor-logo d-flex mb-30">
<div class="vendor-name ">
<h6>
<a href="vendor-details-2.html">{{ vehicule.vendeur.boutique }}</a>
</h6>
</div>
</div>
<ul class="contact-infor">
<li><img src="{{ asset('assets/imgs/theme/icons/icon-email-2.svg') }}" alt="" /><strong><span>{{ vehicule.vendeur.email }}</span> </strong> </li>
<li><img src="{{ asset('assets/imgs/theme/icons/icon-location.svg') }}" alt="" /><strong><span>{{ vehicule.vendeur.shop.ville }}{{ vehicule.vendeur.shop.adresse }}</span></strong></li>
<li><img src="{{ asset('assets/imgs/theme/icons/icon-contact.svg') }}" alt="" /><strong><span>{{ vehicule.vendeur.telephone }}</span></strong></li>
{% if vehicule.vendeur.telwhatsapp is not empty %}
<li><img src="{{ asset('assets/imgs/theme/icons/icon-whatsapp.svg') }}" alt="" /><strong><span>{{ vehicule.vendeur.telwhatsapp }}</span></strong></li>
{% endif %}
<li class="hr"><span></span></li>
</ul>
<p class="text-center"> <a href="" class="btn btn-lg " style="background: #e1b12c; color: #FFFFFF" > <i class="fi-rs-eye"></i> Visiter l'agence</a></p>
</div>
<!-- Product sidebar Widget -->
<div class="">
{% if pubImages["Z-R-IMG-PD"] is defined %}
<img src="{{ asset('uploads/pubs/'~ pubImages["Z-R-IMG-PD"]) }}" class="border-radius-10" alt="" width="100%"/>
{% else %}
<img src="{{ asset('assets/imgs/deals/img-9.jpg') }}" class="border-radius-10" alt="" width="100%" />
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</main>
{% endblock %}