templates/vehicule/public-detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Detail-Immeuble{% 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> <a href="{{ path('app_vehiculeindex') }}">Vehicules</a> <span></span> {{ vehicule.libelle }}
  12.                 </div>
  13.             </div>
  14.         </div>
  15.         <div class="container mb-30">
  16.             <div class="row">
  17.                 <div class="col-xl-11 col-lg-12 m-auto">
  18.                     <div class="row">
  19.                         <div class="col-xl-9">
  20.                             <div class="product-detail accordion-detail">
  21.                                 <div class="row mb-20 mt-30">
  22.                                     <div class="col-md-4 col-sm-12 col-xs-12 mb-md-0 mb-sm-5">
  23.                                         <div class="detail-gallery">
  24.                                             <span class="zoom-icon"><i class="fi-rs-search"></i></span>
  25.                                             <!-- MAIN SLIDES -->
  26.                                             <div class="product-image-slider">
  27.                                                 <figure class="border-radius-10">
  28.                                                     <img src="{{ asset('uploads/vehicules/'~ vehicule.code ~'/'~vehicule.photoImage) }}"  width="100%" height="200px" alt="product image">
  29.                                                 </figure>
  30.                                                 {% for i in vehicule.imagesVh  %}
  31.                                                     <figure class="border-radius-10">
  32.                                                         <img src="{{ asset('uploads/vehicules/'~ vehicule.code ~'/'~ i.nom) }}"  width="100%" height="200px" alt="product image">
  33.                                                     </figure>
  34.                                                 {% endfor %}
  35.                                             </div>
  37.                                             <!-- THUMBNAILS -->
  38.                                             <div class="slider-nav-thumbnails">
  39.                                                 <div>
  40.                                                     <img src="{{ asset('uploads/vehicules/'~ vehicule.code ~'/'~vehicule.photoImage) }}" alt="product image"  width="50px" height="50px">
  41.                                                 </div>
  42.                                                 {% for i in vehicule.imagesVh  %}
  43.                                                     <div>
  44.                                                         <img src="{{ asset('uploads/vehicules/'~ vehicule.code ~'/'~ i.nom) }}" alt="product image" width="50px" height="50px">
  45.                                                     </div>
  46.                                                 {% endfor %}
  48.                                             </div>
  49.                                         </div>
  50.                                         <!-- End Gallery -->
  51.                                         <hr/>
  52.                                         <div class="mobile-social-icon">
  53.                                             <a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-facebook-white.svg') }}" alt="" /></a>
  54.                                             <a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-twitter-white.svg') }}" alt="" /></a>
  55.                                             <a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-instagram-white.svg') }}" alt="" /></a>
  56.                                             <a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-whatsapp.svg') }}" alt="" /></a>
  57.                                         </div>
  58.                                     </div>
  60.                                     <div class="col-md-8 col-sm-12 col-xs-12">
  61.                                         <div>
  62.                                             {% if vehicule.typeoperation == "LOCATION" %}
  63.                                                 <span class="badge alert-success "  style="background: #eab543; color: #FFFFFF ; font-size: large" > <i class="fi-rs-school-bus"></i> A LOUER</span>
  64.                                             {%  else %}
  65.                                                 <span class="badge alert-success "  style="background: #f87171; color: #FFFFFF ; font-size: large" > <i class="fi-rs-school-bus"></i> EN VENTE</span>
  66.                                             {%  endif %}
  67.                                         </div>
  68.                                         <hr/>
  69.                                         <div class="detail-info pr-30 pl-30">
  71.                                             <h2 class="title-detail">{{ vehicule.libelle }}</h2>
  72.                                             <span>{{ vehicule.marque.libelle }} - {{ vehicule.modele.libelle }} </span><br/>
  73.                                             <span>Publié le {{ vehicule.createdAt |date("m/d/Y h:i") }}</span>
  74.                                             {% if vehicule.isNoprice == false %}
  75.                                                 <div class="clearfix product-price-cover">
  76.                                                     <div class="product-price primary-color float-left">
  77.                                                         <span class="current-price text-brand" style="font-size: x-large">{{ vehicule.prix|number_format(0,'.',' ') }} FCFA</span>
  78.                                                         {% if vehicule.typeoperation == "LOCATION" %}
  79.                                                         <span>/Par jour</span>
  80.                                                         {% endif %}
  81.                                                     </div>
  83.                                                 </div>
  84.                                             {% else %}
  85.                                                 <div class="clearfix product-price-cover">
  86.                                                     <div class="product-price primary-color float-left">
  87.                                                         <span class="text-brand  p-1" style="background: #e1b12c; color: #FFFFFF;">Prix à la demande</span>
  88.                                                     </div>
  89.                                                 </div>
  90.                                             {% endif %}
  91.                                           <span><img src="{{ asset('assets/imgs/theme/icons/icon-location.svg') }}" alt="" />
  92.                                               <strong><span>{{ vehicule.ville.nom }}
  93.                                                   </span></strong>
  94.                                           </span>
  96.                                             <div class="short-desc mb-20">
  97.                                                 <p class="font-lg">{{ vehicule.description }}</p>
  98.                                                 <hr/>
  99.                                                 <ul>
  100.                                                     {% for v in vehicule.vehiculeVariables %}
  101.                                                         {% if v.variable.typehtml == "CHECKBOX_HTML" and v.valeur == "on"  %}
  102.                                                             <li>{{ v.variable.nom }} <span class="text-brand"></span> </li>
  103.                                                         {% elseif v.variable.typehtml != "CHECKBOX_HTML" %}
  104.                                                             <li>{{ v.variable.nom }} : <span class="text-brand"> {{ v.valeur }}</span> </li>
  105.                                                         {% endif %}
  106.                                                     {% endfor %}
  107.                                                 </ul>
  108.                                             </div>
  110.                                         </div>
  111.                                         <!-- Detail Info -->
  112.                                     </div>
  114.                                 </div>
  115.                             </div>
  116.                             <div class="row mt-20">
  117.                                 <div class="col-12">
  118.                                     <h2 class="section-title style-1 mb-30">Dans la même categorie</h2>
  119.                                 </div>
  120.                                 <div class="col-12">
  121.                                     <div class="row related-products">
  122.                                         {% for a in vehicules %}
  123.                                             {% if a.id != vehicule.id %}
  124.                                                 <div class="col-lg-4 col-md-4 col-12 col-sm-6">
  125.                                                     <div class="product-cart-wrap hover-up">
  126.                                                         <div class="product-content-wrap">
  127.                                                             <h2><a href="" tabindex="0">{{ a.libelle }}</a></h2>
  128.                                                             <div>
  129.                                                                         <span><img src="{{ asset('assets/imgs/theme/icons/icon-location.svg') }}" alt="" />
  130.                                               <strong><span>{{ a.ville.nom }}
  132.                                                   </span></strong>
  133.                                           </span>
  134.                                                             </div>
  135.                                                             <div class="product-price">
  138.                                                                     {% if a.isNoprice == true %}
  139.                                                                         <span>Prix à la demande</span>
  140.                                                                     {% else %}
  141.                                                                         <span>{{ a.prix }} FCFA</span>
  142.                                                                     {% endif %}
  143.                                                             </div>
  144.                                                         </div>
  145.                                                     </div>
  146.                                                 </div>
  147.                                             {% endif %}
  148.                                         {% endfor %}
  149.                                     </div>
  150.                                 </div>
  151.                             </div>
  152.                            <div class="row mt-4">
  153.                                 <div class="col-12">
  154.                                      {% if pubImages["Z-B-IMG-PD"] is defined %}
  155.                                     <img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG-PD"]) }}" class="border-radius-10" alt="" width="100%"/>
  156.                                 {% else %}
  157.                                     <img src="{{ asset('assets/imgs/deals/img-12.jpg') }}" class="border-radius-10" alt="" width="100%"  />
  158.                                 {% endif %}
  160.                                 </div>
  161.                             </div>
  162.                         </div>
  163.                         <div class="col-xl-3 primary-sidebar sticky-sidebar mt-10">
  164.                             <div class="sidebar-widget widget-vendor mb-30 bg-grey-9 box-shadow-none">
  165.                                 <h5 class="section-title style-3 mb-10">Infos sur l'Agence</h5>
  166.                                 <hr/>
  167.                                 <div class="vendor-logo d-flex mb-30">
  169.                                     <div class="vendor-name ">
  170.                                         <h6>
  171.                                             <a href="vendor-details-2.html">{{ vehicule.vendeur.boutique }}</a>
  172.                                         </h6>
  173.                                     </div>
  174.                                 </div>
  175.                                 <ul class="contact-infor">
  176.                                     <li><img src="{{ asset('assets/imgs/theme/icons/icon-email-2.svg') }}" alt="" /><strong><span>{{ vehicule.vendeur.email }}</span> </strong>  </li>
  177.                                     <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>
  178.                                     <li><img src="{{ asset('assets/imgs/theme/icons/icon-contact.svg') }}" alt="" /><strong><span>{{ vehicule.vendeur.telephone }}</span></strong></li>
  179.                                     {% if  vehicule.vendeur.telwhatsapp is not empty %}
  180.                                         <li><img src="{{ asset('assets/imgs/theme/icons/icon-whatsapp.svg') }}" alt="" /><strong><span>{{ vehicule.vendeur.telwhatsapp }}</span></strong></li>
  181.                                     {% endif %}
  182.                                     <li class="hr"><span></span></li>
  183.                                 </ul>
  184.                                 <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>
  185.                             </div>
  186.                             <!-- Product sidebar Widget -->
  187.                             <div class="">
  188.                                 {% if pubImages["Z-R-IMG-PD"] is defined %}
  189.                                     <img src="{{ asset('uploads/pubs/'~ pubImages["Z-R-IMG-PD"]) }}" class="border-radius-10" alt="" width="100%"/>
  190.                                 {% else %}
  191.                                     <img src="{{ asset('assets/imgs/deals/img-9.jpg') }}" class="border-radius-10" alt="" width="100%" />
  192.                                 {% endif %}
  193.                             </div>
  195.                         </div>
  196.                     </div>
  197.                 </div>
  198.             </div>
  199.         </div>
  200.     </main>
  201. {% endblock %}