templates/immeuble/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_immeubleindex') }}">Immobilier</a> <span></span> {{ immeuble.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.                                         
  25.                                             <!-- MAIN SLIDES -->
  26.                                             <div class="product-image-slider">
  27.                                                 <figure class="border-radius-10">
  28.                                                     <img src="{{ asset('uploads/immeubles/'~ immeuble.code ~'/'~immeuble.photo) }}"  width="100%" height="200px" alt="product image">
  29.                                                 </figure>
  30.                                                 {% for i in immeuble.images  %}
  31.                                                     <figure class="border-radius-10">
  32.                                                         <img src="{{ asset('uploads/immeubles/'~ immeuble.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/immeubles/'~ immeuble.code ~'/'~immeuble.photo) }}" alt="product image"  width="50px" height="50px">
  41.                                                 </div>
  42.                                                 {% for i in immeuble.images  %}
  43.                                                     <div>
  44.                                                         <img src="{{ asset('uploads/immeubles/'~ immeuble.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 immeuble.typeoperation == "LOCATION" %}
  63.                                                 <span class="badge alert-success "  style="background: #eab543; color: #FFFFFF ; font-size: large" > <i class="fi-rs-home"></i> A LOUER</span>
  64.                                             {%  else %}
  65.                                                 <span class="badge alert-success "  style="background: #f87171; color: #FFFFFF ; font-size: large" > <i class="fi-rs-home"></i> EN VENTE</span>
  66.                                             {%  endif %}
  67.                                         </div>
  68.                                         <hr/>
  69.                                         <div class="detail-info pr-30 pl-30">
  71.                                             <h2 class="title-detail"  style="font-size: x-large ;">{{ immeuble.libelle }}</h2>
  72.                                             <span>Publié le {{ immeuble.createdAt |date("m/d/Y h:i") }}</span>
  73.                                             {% if immeuble.isNoprice == false %}
  74.                                                 <div class="clearfix product-price-cover">
  75.                                                     <div class="product-price primary-color float-left">
  76.                                                         <span class="current-price text-brand  p-1 border-radius-10" style="font-size: large ; background: #e1b12c;">{{ immeuble.prix|number_format(0,'.',' ') }} FCFA</span>
  77.                                                     </div>
  79.                                                 </div>
  80.                                             {% else %}
  81.                                                 <div class="clearfix product-price-cover">
  82.                                                     <div class="product-price primary-color float-left">
  83.                                                         <span class="text-brand  p-1 border-radius-10" style="background: #e1b12c; color: #FFFFFF;">Prix à la demande</span>
  84.                                                     </div>
  85.                                                 </div>
  86.                                             {% endif %}
  87.                                           <span><img src="{{ asset('assets/imgs/theme/icons/icon-location.svg') }}" alt="" />
  88.                                               <strong><span>{{ immeuble.ville.nom }}
  89.                                                       {% if immeuble.quartier != null %}
  90.                                                      / {{ immeuble.quartier.nom }}
  91.                                                       {% endif %}
  92.                                                   </span></strong>
  93.                                           </span>
  95.                                             <div class="short-desc mb-20">
  96.                                                 <p class="font-lg">{{ immeuble.description }}</p>
  97.                                                 <hr/>
  98.                                                 <ul>
  99.                                                     {% for v in immeuble.immeubleVariables %}
  100.                                                         {% if v.variable.typehtml == "CHECKBOX_HTML" and v.valeur == "on"  %}
  101.                                                             <li>{{ v.variable.nom }} <span class="text-brand"></span> </li>
  102.                                                         {% elseif v.variable.typehtml != "CHECKBOX_HTML" %}
  103.                                                             <li>{{ v.variable.nom }} : <span class="text-brand"> {{ v.valeur }}</span> </li>
  104.                                                         {% endif %}
  105.                                                     {% endfor %}
  106.                                                 </ul>
  107.                                             </div>
  109.                                         </div>
  110.                                         <!-- Detail Info -->
  111.                                     </div>
  113.                                 </div>
  114.                             </div>
  115.                             <div class="row mt-20">
  116.                                 <div class="col-12">
  117.                                     <h2 class="section-title style-1 mb-30">Dans la même categorie</h2>
  118.                                 </div>
  119.                                 <div class="col-12">
  120.                                     <div class="row related-products">
  121.                                         {% for a in immeubles %}
  122.                                             {% if a.id != immeuble.id %}
  123.                                                 <div class="col-lg-4 col-md-4 col-12 col-sm-6">
  124.                                                     <div class="product-cart-wrap hover-up">
  125.                                                      <figure class="border-radius-10">
  126.                                                     <img src="{{ asset('uploads/immeubles/'~ a.code ~'/'~a.photo) }}"  width="100%" height="200px" alt="product image">
  127.                                                 </figure>
  128.                                                         <div class="product-content-wrap">
  129.                                                             <h2><a href="" tabindex="0">{{ a.libelle }}</a></h2>
  130.                                                             <div>
  131.                                                                         <span><img src="{{ asset('assets/imgs/theme/icons/icon-location.svg') }}" alt="" />
  132.                                               <strong><span>{{ a.ville.nom }}
  133.                                                       {% if a.quartier != null %}
  134.                                                           / {{ a.quartier.nom }}
  135.                                                       {% endif %}
  136.                                                   </span></strong>
  137.                                           </span>
  138.                                                             </div>
  139.                                                             <div class="product-price">
  142.                                                                     {% if a.isNoprice == true %}
  143.                                                                         <span>Prix à la demande</span>
  144.                                                                     {% else %}
  145.                                                                         <span>{{ a.prix }} FCFA</span>
  146.                                                                     {% endif %}
  147.                                                             </div>
  148.                                                         </div>
  149.                                                     </div>
  150.                                                 </div>
  151.                                             {% endif %}
  152.                                         {% endfor %}
  153.                                     </div>
  154.                                 </div>
  155.                             </div>
  156.                             <div class="row mt-4">
  157.                                 <div class="col-12">
  158.                                      {% if pubImages["Z-B-IMG-PD"] is defined %}
  159.                                     <img src="{{ asset('uploads/pubs/'~ pubImages["Z-B-IMG-PD"]) }}" class="border-radius-10" alt="" width="100%"/>
  160.                                 {% else %}
  161.                                     <img src="{{ asset('assets/imgs/deals/img-12.jpg') }}" class="border-radius-10" alt="" width="100%"  />
  162.                                 {% endif %}
  164.                                 </div>
  165.                             </div>
  166.                         </div>
  167.                         <div class="col-xl-3 primary-sidebar sticky-sidebar mt-10">
  168.                             <div class="sidebar-widget widget-vendor mb-30 bg-grey-9 box-shadow-none">
  169.                                 <h5 class="section-title style-3 mb-10">Infos sur l'Agence</h5>
  170.                                 <hr/>
  171.                                 <div class="vendor-logo d-flex mb-30">
  173.                                     <div class="vendor-name ">
  174.                                         <h6>
  175.                                             <a href="vendor-details-2.html">{{ immeuble.vendeur.boutique }}</a>
  176.                                         </h6>
  177.                                     </div>
  178.                                 </div>
  179.                                 <ul class="contact-infor">
  180.                                     <li><img src="{{ asset('assets/imgs/theme/icons/icon-email-2.svg') }}" alt="" /><strong><span>{{ immeuble.vendeur.email }}</span> </strong>  </li>
  181.                                     <li><img src="{{ asset('assets/imgs/theme/icons/icon-location.svg') }}" alt="" /><strong><span>{{ immeuble.vendeur.shop.ville }} {{ immeuble.vendeur.shop.adresse }}</span></strong></li>
  182.                                     <li><img src="{{ asset('assets/imgs/theme/icons/icon-contact.svg') }}" alt="" /><strong><span>{{ immeuble.vendeur.telephone }}</span></strong></li>
  183.                                     {% if  immeuble.vendeur.telwhatsapp is not empty %}
  184.                                         <li><img src="{{ asset('assets/imgs/theme/icons/icon-whatsapp.svg') }}" alt="" /><strong><span>{{ immeuble.vendeur.telwhatsapp }}</span></strong></li>
  185.                                     {% endif %}
  186.                                     <li class="hr"><span></span></li>
  187.                                 </ul>
  188.                                 <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>
  189.                             </div>
  190.                             <!-- Product sidebar Widget -->
  191.                             <div class="">
  192.                                 {% if pubImages["Z-R-IMG-PD"] is defined %}
  193.                                     <img src="{{ asset('uploads/pubs/'~ pubImages["Z-R-IMG-PD"]) }}" class="border-radius-10" alt="" width="100%"/>
  194.                                 {% else %}
  195.                                     <img src="{{ asset('assets/imgs/deals/img-9.jpg') }}" alt="" class="border-radius-10" width="100%" />
  196.                                 {% endif %}
  197.                             </div>
  199.                         </div>
  200.                     </div>
  201.                 </div>
  202.             </div>
  203.         </div>
  204.     </main>
  205. {% endblock %}