templates/page-listing-single-v1.html.twig line 1

Open in your IDE?
  1. {% extends 'parent.html.twig' %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.   <style>
  6.   .area{
  7.     position: absolute;
  8.     right: 1.5vw;
  9.     bottom: 3vh;
  10.     font-weight: bold;
  11.   }
  12.     .svg-icon {
  13.     width: 1.6em;
  14.     height: 1.6em;
  15.   }
  16.   .svg-icon path,
  17.   .svg-icon polygon,
  18.   .svg-icon rect {
  19.     fill: #fff;
  20.   }
  21.   .svg-icon circle {
  22.     stroke: #fff;
  23.     stroke-width: 0.5;
  24.   }
  25.   </style>
  26. {% endblock %}
  28. {% block body %}
  30.   <!-- Listing Single Property -->
  31.   <section class="listing-title-area pb50">
  32.     <div class="container">
  33.       <div class="row mb30">
  34.         <div class="col-lg-7 col-xl-7">
  35.           <div class="single_property_title mt30-767">
  36.             <div class="breadcrumb_content style3">
  37.               <ol class="breadcrumb">
  38.                 <li class="breadcrumb-item"><a href="#">Home</a></li>
  39.                 <li class="breadcrumb-item"><a href="#">{{ type_panel }}</a></li>
  40.                 <li class="breadcrumb-item active style2" aria-current="page">{{ panel.name }}</li>
  41.               </ol>
  42.             </div>
  43.             <div class="media">
  44.               <div class="media-body">
  45.                 <h2 class="mt-0">{{panel.situation}} ({{ panel.name }})</h2>
  46.                 <h4 class="mt-0">{{ panel.area }} m<sup>2</sup></h4>
  47.                 <h5 class="mt-0">Vers {{ panel.direction }}</h5>
  48.               </div>
  49.             </div>
  50.           </div>
  51.         </div>
  52.         <div class="col-lg-5 col-xl-5">
  53.         <br><br>
  54.           <div class="single_property_social_share_content text-right tal-md">
  55.             <div class="price mt20 mb10"><h3>{{ panel.price }}&euro;</h3></div>
  57.           </div>
  58.         </div>
  59.       </div>
  60.       <div class="row">
  61.         <div class="col-lg-7">
  62.           <div class="row">
  63.             <div class="col-lg-12 pr0 pl15-767 pr15-767">
  64.               <div class="spls_style_two mb30-md">
  65.                 <a class="popup-img" href="{{ images[0] }}">
  66.                   <img class="img-fluid first-img" src="{{ images[0] }}" alt="1.jpg">
  67.                 </a>
  68.               </div>
  69.             </div>
  70.           </div>
  71.         </div>
  72.         <div class="col-lg-5">
  73.           <div class="row">
  74.           {% if images|length > 1 %}
  75.             {% for i in 1..images|length - 1 %}
  76.               <div class="col-sm-4 col-lg-6 col-xs-3 pr5 pr15-767">
  77.                 <div class="spls_style_two mb10">
  78.                   <a class="popup-img" href="{{ images [i] }}"><img class="img-fluid w100" src="{{ images [i] }}"></a>
  79.                 </div>
  80.               </div>
  81.             {% endfor %}
  82.           {% endif %}
  83.           </div>
  84.         </div>
  85.       </div>
  86.     </div>
  87.   </section>
  89.   <!-- Agent Single Grid View -->
  90.   <section class="our-agent-single pt0 pb70">
  91.     <div class="container">
  92.       <div class="row">
  93.         <div class="col-md-12 col-lg-9">
  94.           <div class="row">
  95.             <div class="col-lg-12">
  96.               <div class="listing_single_description mb60">
  97.                 <h4 class="mb30">Description</h4>
  98.                 <p class="first-para mb25">{{ panel.description }}</p>
  99.               </div>
  100.             </div>
  101.             <div class="col-lg-12">
  102.               <div class="property_attachment_area pb40 bb1">
  103.                </div>
  104.             </div>
  105.             <div class="col-lg-12">
  106.               <div class="location_details pb40 mt50 bb1">
  107.                 <div class="row">
  108.                   <div class="col-lg-12">
  109.                     <h4 class="mb15">Emplacement</h4>
  110.                   </div>
  111.                   <div class="col-md-6 col-lg-6 col-xl-4">
  112.                     <ul class="list-inline-item mb0">
  113.                       <li><p>Adresse :</p></li>
  114.                     </ul>
  115.                     <ul class="list-inline-item mb0">
  116.                       <li><p><span>{{ panel.address }}</span></p></li>
  117.                     </ul>
  118.                   </div>
  119.                   <div class="col-lg-12">
  120.                     <div class="property_sp_map mt30">
  121.                       {% if iframe is defined %}{{ iframe | raw }}{% endif %}
  122.                     </div>
  123.                   </div>
  124.                 </div>
  125.               </div>
  126.             </div>
  127.           </div>
  128.         </div>
  129.         <div class="col-lg-4 col-xl-3">
  130.           <div class="listing_single_sidebar">
  131.             <div class="sidebar_agent_search_widget mb30">
  132.               <div class="media">
  133.                 <img class="mr-3 author_img" src="/assets/images/team/author.png" alt="author.png">
  134.                 <div class="media-body">
  135.                   <h5 class="mt10 mb5 fz16 heading-color fw600">Pub-Up</h5>
  136.                 </div>
  137.               </div>
  138.               <div class="agent_search_form">
  139.                 <form action="/listing-panel-single/{{ panel.id }}/email" method="post">
  140.                   <div class="form-group input-group mb30">
  141.                     <input type="text" class="form-control form_control" placeholder="Nom" name="name" required>
  142.                   </div>
  143.                   <div class="form-group input-group mb30">
  144.                     <input type="email" class="form-control form_control" placeholder="Email" name="email" required>
  145.                   </div>
  146.                   <div class="form-group input-group mb30">
  147.                     <textarea name="message" class="form-control" rows="5" placeholder="Votre panneau m'intéresse !" required></textarea>
  148.                   </div>
  149.                   <button type="submit" class="btn btn-block btn-thm mb10">CONTACTER</button>
  150.                 </form>
  151.               </div>
  152.             </div>
  153.           </div>
  154.         </div>
  155.       </div>
  156.     </div>
  157.   </section>
  159.   <!-- Feature Properties -->
  160.   <section class="feature-property bgc-alice-blue">
  161.     <div class="container">
  162.       <div class="row justify-content-center">
  163.         <div class="col-lg-8">
  164.           <div class="main-title text-center">
  165.             <h2>Annonces similaires</h2>
  166.           </div>
  167.         </div>
  168.         <div class="col-lg-12">
  169.           <div class="popular_listing_slider1">
  170.           {% for similar in similars %}
  171.             <div class="item">
  172.               <div class="feat_property">
  173.                 <div class="thumb"> 
  174.                   <a href="/listing-panel-single/{{ similar.id }}"><img class="img-whp" src="{{ similars_images [ loop.index0 ]}}" alt="fl1.jpg"></a>
  175.                     <div class="thmb_cntnt2">
  176.                                          <ul class="listing_gallery mb0">
  177.                       <li class="list-inline-item"><a class="text-white" href="#"><span class="flaticon-photo-camera mr5"></span>{{ panel.images|length }}</a></li>
  178.                       <li class="list-inline-item"><a class="text-white" href="#"><svg class="svg-icon" viewBox="0 0 20 20">
  179.                         <path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
  180.                         <circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
  181.                       </svg> {{ similar.historyViews|length }}</a></li>
  182.                     </ul>
  183.                     </div>
  184.                 </div>
  185.                 <div class="details">
  186.                   <div class="tc_content">
  187.                     <h4><a href="page-listing-single-v8.html">{{ similar.name }}</a></h4>
  188.                     <p>{{ similar.address }}</p>
  189.                   </div>
  190.                   <div class="fp_footer">
  191.                     <ul class="fp_meta float-left mb0">
  192.                     <br>
  193.                     <span class="heading-color fw600">{{ similar.price}}&euro;</span></a></li>
  194.                     </ul>
  195.                     <span class="area">{{ similar.area }} m<sup>2</sup></span>
  196.                   </div>
  197.                 </div>
  198.               </div>
  199.             </div>
  200.           {% endfor %}
  201.           </div>
  202.         </div>
  203.       </div>
  204.     </div>
  205.   </section>
  207.   <!-- Our Footer -->
  208.   <section class="footer_one home1">
  209.     <div class="container pt10 pb30">
  210.       <div class="row">
  211.         <div class="col-md-4 col-lg-4">
  212.           <div class="copyright-widget mt10 mb15-767" style="display: flex; flex-direction: row; justify-content: center;">
  213.             <li class="list-inline-item list_s"><a href="#" class="btn" data-toggle="modal" data-target="#logInModal"><span class="flaticon-user" style="color: white;"></span></a></li>
  214.             <p>| © 2022 Pubup | Developed by <a href="https://wecodx.com/" target="_blank">Wecodx.</a></p>
  215.           </div>
  216.         </div>
  217.         <div class="col-md-4 col-lg-4">
  218.           <div class="footer_logo_widget text-center mb15-767">
  219.             <div class="wrapper">
  220.               <div class="logo text-center"> <img src="/assets/images/footer-logo.svg" alt="footer-logo.svg"> <span class="logo_title text-white pl15">Houzing</span> </div>
  221.             </div>
  222.           </div>
  223.         </div>
  224.         <div class="col-md-4 col-lg-4">
  225.           <div class="footer_menu_widget text-right tac-md mt15">
  226.             <ul>
  227.               <li class="list-inline-item"><a href="/">Accueil</a></li>
  228.               <li class="list-inline-item"><a href="/listing-panels">Nos Panneaux</a></li>
  229.               <li class="list-inline-item"><a href="/about-us">Notre Équipe</a></li>
  230.               <li class="list-inline-item"><a href="/contact">Contact</a></li>
  231.             </ul>
  232.           </div>
  233.         </div>
  234.       </div>
  235.     </div>
  236.   </section>
  237. <a class="scrollToHome" href="#"><i class="fa fa-angle-up"></i></a>
  238. </div>
  239. {% endblock %}
  241. {% block footer %}
  244. {% endblock %}
  246. {% block javascripts %}
  247. <!-- Wrapper End -->
  248. <script src="/assets/js/jquery-3.6.0.js"></script>
  249. <script src="/assets/js/jquery-migrate-3.0.0.min.js"></script>
  250. <script src="/assets/js/popper.min.js"></script>
  251. <script src="/assets/js/bootstrap.min.js"></script>
  252. <script src="/assets/js/jquery.mmenu.all.js"></script>
  253. <script src="/assets/js/ace-responsive-menu.js"></script>
  254. <script src="/assets/js/bootstrap-select.min.js"></script>
  255. <script src="/assets/js/chart.min.js"></script>
  256. <script src="/assets/js/chart-custome.js"></script>
  257. <script src="/assets/js/isotop.js"></script>
  258. <script src="/assets/js/snackbar.min.js"></script>
  259. <script src="/assets/js/simplebar.js"></script>
  260. <script src="/assets/js/parallax.js"></script>
  261. <script src="/assets/js/scrollto.js"></script>
  262. <script src="/assets/js/jquery-scrolltofixed-min.js"></script>
  263. <script src="/assets/js/jquery.counterup.js"></script>
  264. <script src="/assets/js/wow.min.js"></script>
  265. <script src="/assets/js/progressbar.js"></script>
  266. <script src="/assets/js/slider.js"></script>
  267. <script src="/assets/js/timepicker.js"></script>
  268. <script src="/assets/js/wow.min.js"></script>
  269. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAAz77U5XQuEME6TpftaMdX0bBelQxXRlM&callback=initMap"></script>
  270. <script src="/assets/js/googlemaps1.js"></script>
  271. <!-- Custom script for all pages --> 
  272. <script src="/assets/js/script.js"></script>
  273. {% endblock %}