templates/public/lot.html.twig line 1

Open in your IDE?
  1. {% extends './public/layout.html.twig' %}
  3. {% block title %}{{ prospect.emprunteurPrenom|lower|capitalize }} {{ prospect.emprunteurNom }} {{ lot.programme ? '| ' ~ lot.programme }} {% endblock %}
  5. {% block detail_lot %}
  6.     <div class="title-description">
  7.         <h2 class="lot-name text-bold">{{lot.programme|upper}}</h2>
  8.         <h3 class="lot-size mb-0">{{ lot.type|upper }}  {% if lot.reference is not empty %}- {{ lot.reference }}{% endif %}</h3>
  9.     </div>
  11.     <ul class="criteres-description">
  12.         {% if lot.etage is not empty %} <li>Etage :<span class="critere-description"> {{ lot.etage|upper }} </span></li> {% endif %}
  13.         {% if lot.superficie is not empty %} <li>Superficie :<span class="critere-description"> {{ lot.superficie }}m²</span></li> {% endif %}
  14.         {% if lot.jardin is not empty %} <li>Jardin :<span class="critere-description"> {{ lot.jardin }}m²</span></li> {% endif %}
  15.         {% if lot.terrasse is not empty %} <li>Terrasse :<span class="critere-description"> {{ lot.terrasse }}m²</span></li> {% endif %}
  16.         {% if lot.terrasse2 is not empty %} <li>2<sup>ème</sup> terrasse :<span class="critere-description"> {{ lot.terrasse2 }}m²</span></li> {% endif %}
  17.         {% if lot.orientation is not empty %} <li>Orientation :<span class="critere-description"> {{ lot.orientation|upper }}</span></li> {% endif %}
  18.         {% if lot.prix is not empty %} <li>Prix :<span class="critere-description"> {{lot.prix|number_format(0, '', '.')}}&nbsp;&euro;</span></li> {% endif %}
  19.         {% if lot.annexes is not empty %} <li>Annexe(s) incluse(s) :<span class="critere-description"> {{ lot.annexes|upper }}</span></li> {% endif %}
  20.         {% if lot.fraisNotaireInclus is not empty %} <li>Frais de notaire {% if lot.fraisNotaireType is null or lot.fraisNotaireType == 'reduits' %} réduits{% endif %} :<span class="critere-description"> {{ lot.fraisNotaireInclus|number_format(0, '', '.')}}&nbsp;&euro;</span></li>{% endif %}
  21.         {% if lot.programmeParent.visuLivraison %}
  22.             {% if lot.livraison is not empty %} <li>Livraison :<span class="critere-description"> {{ lot.livraison|upper }}</span></li> {% endif %}
  23.         {% endif %}
  24.         {% if lot.description is not empty %} <li><span class="critere-description"><p class="notes-lot"> {{ (lot.description|striptags)|raw }}</p></span></li> {% endif %}
  25.         {% if lot.programmeParent.noteGlobale is not empty %} <li><hr class="my-2"><span class="critere-description"><p class="notes-lot">{{ (lot.programmeParent.noteGlobale|striptags)|raw }}</p></span></li> {% endif %}
  26.     </ul>
  28.     {% if lot.brochure %}
  29.         <div class="download-brochure shadow mt-2">
  30.             <a class="download-brochure-a" download target="_blank" href="{{ asset('uploads/brochures/' ~ lot.brochure) }}">
  31.                 <span class="download-brochure-content download-brochure-content-invisible">
  32.                     {# <img class="download-arrow" src="{{ asset('build/images/download-icon.svg') }}"/> #}
  33.                     <span>{{ lot.programmeParent.libelleBrochure is not empty ? lot.programmeParent.libelleBrochure : 'Télécharger la brochure' }}</span>
  34.                 </span>
  35.                 <span class="download-brochure-content download-brochure-content-absolute">
  36.                     <span>{{ lot.programmeParent.libelleBrochure is not empty ? lot.programmeParent.libelleBrochure : 'Télécharger la brochure' }}</span>
  37.                 </span>
  38.             </a>
  39.         </div>
  40.     {% endif %}
  41. {% endblock %}
  43. {% block dropdownLotsNav %}
  44.     {% set nblot = 0 %}
  45.     {% set actualProp = "" %}
  46.     {% for key, proposition in propositions %}
  47.         {% if proposition.lot.id == lot.id %}
  48.             {% set nblot = key %}
  49.             {% set actualProp = proposition %}
  50.         {% endif %}
  51.     {% endfor %}
  54.     {% set nbItemMenu = 1 %}
  55.     {% if actualProp != "" %}
  56.         <div class="dropdown opacity-0 lot-{{ (nblot%6)+1 }}">
  57.             <span class="before"></span>
  58.             <a class="btn dropdown-toggle navbar-lot-menu d-flex align-items-center " href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
  59.             <span class="text-center">
  60.                 {{actualProp.lot.reference}}
  61.             </span>
  62.                 <div class="down">
  63.                 <span class="down-icon">
  64.                     <i class="fas fa-caret-down"></i>
  65.                 </span>
  66.                 </div>
  67.             </a>
  68.             <span class="after"></span>
  69.         </div>
  70.     {% endif %}
  71. {% endblock %}
  73. {# {% block recapNav %}
  74.         <div class="dropdown recap opacity-0 lot-1">
  75.             <span class="before"></span>
  76.             <a class="btn navbar-lot-menu d-flex align-items-center " href="{{ path('public_prospect_short', {token: prospect.token, recap: true}) }}">
  77.                 <span class="text-center">
  78.                     RECAP'
  79.                 </span>
  80.             </a>
  81.             <span class="after"></span>
  82.         </div>
  83. {% endblock %} #}
  85. {% block main %}
  87.     {% set lastProp = false %}
  88.     {% set nextProp = {
  89.         'num' : 0,
  90.         'prop' : null
  91.      } %}
  93.     <div class="lot-page">
  94.         <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
  95.             {% for key, proposition in propositions %}
  96.                 <li class="lot-{{ (key%6)+1 }}">
  97.                     <a class="dropdown-item" href="{{ path('public_lot', {token: prospect.token, id: proposition.lot.id}) }}">
  98.                         <span class="text-center">{{proposition.lot.type|slice(0,6)}} {{proposition.lot.reference }}</span>
  99.                     </a>
  100.                 </li>
  102.                 {% if proposition.lot.id == lot.id and (key + 1) < propositions|length %}
  104.                     {% set nextProp = {
  105.                             'num' : key + 2,
  106.                             'prop' : propositions[key + 1]
  107.                         }
  108.                     %}
  110.                 {% endif %}
  111.             {% endfor %}
  112.             {# <li class="lot-6"><a class="dropdown-item" href="{{ path('public_prospect_short', {token: prospect.token, recap: true}) }}"><span class="text-center">RECAP'</span></a></li> #}
  113.         </ul>
  114.         <div class="container-fluid p-0 content-lot slider " >
  115.             <div class="progress-container">
  116.                 <div class="progress">
  117.                     <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
  118.                 </div>
  119.             </div>
  121.                 {% set combinedPjs = (programmePjs|merge(lot.pjs))|filter(pj => pj.showPublic) %}
  122.                 {% set NB_SLIDES = 2 + combinedPjs|length %}
  124.                 <script type="text/javascript">
  125.                     var NB_SLIDES = {{ NB_SLIDES }};
  126.                 </script>
  128.             <div class="owl-carousel owl-carousel-lot">
  129.                 <div class="slide slide-localisation" data-slide-title="Localisation">
  130.                     <div class="container-fluid-content">
  131.                         <div class="col-3 map-buttons d-flex flex-column align-items-end justify-content-end">
  132.                             <a class="btn-rounded-white download-pdf map my-2" id="map_switch" href="#"><i id="satellite_logo" class="fa fa-globe" style="display:none;"></i><i id="roadmap_logo" class="fa fa-map"></i></a>
  133.                             <a class="btn-rounded-white download-pdf resize my-2" id="map_minus" href="#"><i id="btn-moins" class="fa fa-minus"></i></a>
  134.                             <a class="btn-rounded-white pdf-btn-resize resize my-2" id="map_plus" href="#"><i id="btn-plus" class="fa fa-plus"></i></a>
  135.                         </div>
  137.                         <div class="content-map" id="map"></div>
  139.                         <div class="lot-content d-flex close">
  140.                             <div role="button" class="drag-btn d-flex align-items-center justify-content-center shadow">
  141.                                 <img class="drag-icon-arrow ml-4" src="{{ asset('build/images/drag-icon-right-arrow.png') }}"/>
  142.                             </div>
  143.                             <div class="detail-content d-flex flex-column">
  144.                                 {{ block('detail_lot') }}
  145.                             </div>
  146.                         </div>
  147.                     </div>
  148.                     {% if nextProp['prop'] != null %}
  149.                         <a class="owl-next-proposition" href="{{ path('public_lot', {token: nextProp.prop.prospect.token, id: nextProp.prop.lot.id}) }}"></a>
  150.                     {% else %}
  151.                         {% if prospect.id is null %}
  152.                             <a class="owl-next-proposition" href="{{ path('public_prospect_short', {token: app.session.get('propositions')[0].prospect.token, recap: true}) }}"></a>
  153.                         {% else %}
  154.                             <a class="owl-next-proposition" href="{{ path('public_prospect_short', {token: prospect.token, recap: true}) }}"></a>
  155.                         {% endif %}
  156.                     {% endif %}
  157.                 </div>
  158.                 {% for n,pj in combinedPjs %}
  159.                     <div class="slide slide-pdf slide-plan-lot" data-slide-title="{{pj.descriptionCourte}}">
  160.                         <div class="container-fluid-content">
  161.                             <div class="col-3 pdf-buttons d-flex flex-column align-items-end justify-content-end justify-content-end">
  162.                                {% if pj.filename is not null and pj.filename|unserialize is not null %}
  163.                                     {% if (pj.filename|unserialize)[0]|replace({'-0.png': '.pdf'})|file_exists %}
  164.                                         <a class="btn-rounded-white my-2 download-pdf-image download-pdf" download href="{{ asset((pj.filename|unserialize)[0]|replace({'-0.png': '.pdf'})) }}">
  165.                                             <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  166.                                                 viewBox="0 0 227.14 334.2" style="enable-background:new 0 0 227.14 334.2;" xml:space="preserve">
  167.                                                 <style type="text/css">
  168.                                                     .st0{fill:#2D3642;}
  169.                                                     .st1{fill:#2E3743;}
  170.                                                 </style>
  171.                                                 <g>
  172.                                                     <path class="st0" d="M165.54,67.27c0,19.09,0.09,38.18-0.08,57.27c-0.03,3.59,0.68,4.79,4.55,4.72
  173.                                                         c15.09-0.26,30.18-0.05,45.28-0.14c3.59-0.02,6.43,0.81,8.2,4.26c1.89,3.69,0.01,6.52-2.18,8.94
  174.                                                         c-12.21,13.48-24.62,26.78-36.87,40.23c-14.89,16.36-29.68,32.81-44.53,49.2c-6.99,7.71-13.98,15.43-21.11,23.03
  175.                                                         c-3.49,3.72-8.06,3.54-11.62-0.38c-18.76-20.65-37.43-41.39-56.2-62.03c-12.46-13.7-25.05-27.28-37.57-40.93
  176.                                                         c-3.12-3.41-6.21-6.85-9.3-10.28c-2.08-2.31-2.84-5.05-1.36-7.78c1.45-2.66,3.58-4.35,7.16-4.3c14.76,0.2,29.52-0.09,44.28,0.19
  177.                                                         c4.31,0.08,5.56-0.92,5.53-5.41c-0.2-37.02-0.12-74.04-0.1-111.05c0-1.82-0.04-3.68,0.35-5.44c0.78-3.6,2.88-5.74,6.88-5.74
  178.                                                         c30.68,0.04,61.37,0,92.05,0.04c4.46,0.01,6.64,2.66,6.64,7.83C165.55,28.76,165.54,48.01,165.54,67.27z"/>
  179.                                                     <path class="st1" d="M113.33,331.39c-34.51,0-69.02,0-103.53,0c-5.98,0-7.18-1.22-7.19-7.29c-0.02-11.13-0.04-22.25,0.01-33.38
  180.                                                         c0.02-5.46,1.69-7.15,7.14-7.15c69.02-0.02,138.04-0.03,207.07,0c5.2,0,6.62,1.54,6.64,6.94c0.03,11.46,0.03,22.92,0,34.38
  181.                                                         c-0.01,5.97-0.55,6.5-6.6,6.5C182.35,331.4,147.84,331.39,113.33,331.39z"/>
  182.                                                 </g>
  183.                                             </svg>
  184.                                         </a>
  185.                                     {% else %}
  186.                                         <a class="btn-rounded-white my-2 download-pdf-image download-pdf" download href="{{ asset((pj.filename|unserialize)[0]) }}">
  187.                                             <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  188.                                                 viewBox="0 0 227.14 334.2" style="enable-background:new 0 0 227.14 334.2;" xml:space="preserve">
  189.                                                 <g>
  190.                                                     <path class="st0" d="M165.54,67.27c0,19.09,0.09,38.18-0.08,57.27c-0.03,3.59,0.68,4.79,4.55,4.72
  191.                                                         c15.09-0.26,30.18-0.05,45.28-0.14c3.59-0.02,6.43,0.81,8.2,4.26c1.89,3.69,0.01,6.52-2.18,8.94
  192.                                                         c-12.21,13.48-24.62,26.78-36.87,40.23c-14.89,16.36-29.68,32.81-44.53,49.2c-6.99,7.71-13.98,15.43-21.11,23.03
  193.                                                         c-3.49,3.72-8.06,3.54-11.62-0.38c-18.76-20.65-37.43-41.39-56.2-62.03c-12.46-13.7-25.05-27.28-37.57-40.93
  194.                                                         c-3.12-3.41-6.21-6.85-9.3-10.28c-2.08-2.31-2.84-5.05-1.36-7.78c1.45-2.66,3.58-4.35,7.16-4.3c14.76,0.2,29.52-0.09,44.28,0.19
  195.                                                         c4.31,0.08,5.56-0.92,5.53-5.41c-0.2-37.02-0.12-74.04-0.1-111.05c0-1.82-0.04-3.68,0.35-5.44c0.78-3.6,2.88-5.74,6.88-5.74
  196.                                                         c30.68,0.04,61.37,0,92.05,0.04c4.46,0.01,6.64,2.66,6.64,7.83C165.55,28.76,165.54,48.01,165.54,67.27z"/>
  197.                                                     <path class="st1" d="M113.33,331.39c-34.51,0-69.02,0-103.53,0c-5.98,0-7.18-1.22-7.19-7.29c-0.02-11.13-0.04-22.25,0.01-33.38
  198.                                                         c0.02-5.46,1.69-7.15,7.14-7.15c69.02-0.02,138.04-0.03,207.07,0c5.2,0,6.62,1.54,6.64,6.94c0.03,11.46,0.03,22.92,0,34.38
  199.                                                         c-0.01,5.97-0.55,6.5-6.6,6.5C182.35,331.4,147.84,331.39,113.33,331.39z"/>
  200.                                                 </g>
  201.                                             </svg>
  202.                                         </a>
  203.                                     {% endif %}
  204.                                 {% else %}
  205.                                     <a class="btn-rounded-white my-2 download-pdf-image download-pdf" download href="{{ asset('uploads/pieces_jointes/' ~ pj.filename) }}">
  206.                                         <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  207.                                             viewBox="0 0 227.14 334.2" style="enable-background:new 0 0 227.14 334.2;" xml:space="preserve">
  208.                                             <g>
  209.                                                 <path class="st0" d="M165.54,67.27c0,19.09,0.09,38.18-0.08,57.27c-0.03,3.59,0.68,4.79,4.55,4.72
  210.                                                     c15.09-0.26,30.18-0.05,45.28-0.14c3.59-0.02,6.43,0.81,8.2,4.26c1.89,3.69,0.01,6.52-2.18,8.94
  211.                                                     c-12.21,13.48-24.62,26.78-36.87,40.23c-14.89,16.36-29.68,32.81-44.53,49.2c-6.99,7.71-13.98,15.43-21.11,23.03
  212.                                                     c-3.49,3.72-8.06,3.54-11.62-0.38c-18.76-20.65-37.43-41.39-56.2-62.03c-12.46-13.7-25.05-27.28-37.57-40.93
  213.                                                     c-3.12-3.41-6.21-6.85-9.3-10.28c-2.08-2.31-2.84-5.05-1.36-7.78c1.45-2.66,3.58-4.35,7.16-4.3c14.76,0.2,29.52-0.09,44.28,0.19
  214.                                                     c4.31,0.08,5.56-0.92,5.53-5.41c-0.2-37.02-0.12-74.04-0.1-111.05c0-1.82-0.04-3.68,0.35-5.44c0.78-3.6,2.88-5.74,6.88-5.74
  215.                                                     c30.68,0.04,61.37,0,92.05,0.04c4.46,0.01,6.64,2.66,6.64,7.83C165.55,28.76,165.54,48.01,165.54,67.27z"/>
  216.                                                 <path class="st1" d="M113.33,331.39c-34.51,0-69.02,0-103.53,0c-5.98,0-7.18-1.22-7.19-7.29c-0.02-11.13-0.04-22.25,0.01-33.38
  217.                                                     c0.02-5.46,1.69-7.15,7.14-7.15c69.02-0.02,138.04-0.03,207.07,0c5.2,0,6.62,1.54,6.64,6.94c0.03,11.46,0.03,22.92,0,34.38
  218.                                                     c-0.01,5.97-0.55,6.5-6.6,6.5C182.35,331.4,147.84,331.39,113.33,331.39z"/>
  219.                                             </g>
  220.                                         </svg>
  221.                                     </a>
  222.                                 {% endif %}
  224.                                 <a class="btn-rounded-white my-2 download-pdf resize resize-moins" id="img_minus" href="#"><i id="btn-moins" class="fa fa-minus"></i></a>
  225.                                 <a class="btn-rounded-white my-2 resize resize-plus" id="img_plus" href="#"><i id="btn-plus" class="fa fa-plus"></i></a>
  226.                             </div>
  227.                             <div class="viewer-pdf">
  228.                                 <div id="viewer_n{{ n }}" class="pdf-viewer-iframe">
  229.                                     {% if pj.filename|unserialize is not null %}
  230.                                         {% for img in pj.filename|unserialize %}
  231.                                             <img class="img-download" loading="lazy" src="{{ asset(img) }}" /><br/>
  232.                                         {% else %}
  233.                                             <img class="img-download" loading="lazy" src="{{ asset('uploads/pieces_jointes/' ~ pj.filename) }}" />
  234.                                         {% endfor %}
  235.                                     {% else %}
  236.                                         <img class="img-download" loading="lazy" src="{{ asset('uploads/pieces_jointes/' ~ pj.filename) }}" />
  237.                                     {% endif %}
  238.                                 </div>
  239.                             </div>
  240.                             <div class="lot-content d-flex">
  241.                                 <div role="button" class="drag-btn d-flex align-items-center justify-content-center shadow">
  242.                                     <img class="drag-icon-arrow ml-4" src="{{ asset('build/images/drag-icon-right-arrow.png') }}"/>
  243.                                 </div>
  245.                                 <div class="detail-content d-flex flex-column">
  246.                                     {{ block('detail_lot') }}
  247.                                 </div>
  248.                             </div>
  249.                         </div>
  250.                         {% if nextProp['prop'] != null %}
  251.                             <a class="owl-next-proposition" href="{{ path('public_lot', {token: nextProp.prop.prospect.token, id: nextProp.prop.lot.id}) }}"></a>
  252.                         {% else %}
  253.                             {% if prospect.id is null %}
  254.                                 <a class="owl-next-proposition" href="{{ path('public_prospect_short', {token: app.session.get('propositions')[0].prospect.token, recap: true}) }}"></a>
  255.                             {% else %}
  256.                                 <a class="owl-next-proposition" href="{{ path('public_prospect_short', {token: prospect.token, recap: true}) }}"></a>
  257.                             {% endif %}
  258.                         {% endif %}
  259.                     </div>
  260.                 {% endfor %}
  262.                 {% if lot.planMasse != null %}
  263.                     <div class="slide{% if nextProp['prop'] != null%} slide-next-proposition {% endif %} slide-pdf slide-plan-lot" data-hash="planMasse" data-slide-title="Plan masse">
  264.                         <div class="container-fluid-content">
  265.                             <div class="col-3 pdf-buttons d-flex flex-column align-items-end justify-content-end">
  266.                             {% set pathDownload = ''%}
  267.                                 {% if lot.planMasse|unserialize is not null %}
  268.                                     {% if (lot.planMasse|unserialize)[0] != null %}
  269.                                         {% set pathDownload = (lot.planMasse|unserialize)[0]|replace({'-0.png': '.pdf'})  %}
  270.                                     {% endif %}
  271.                                 {% else %}
  272.                                     <a class="btn-rounded-white my-2 download-pdf-image download-pdf" download href="{{ asset('uploads/pieces_jointes/' ~ lot.planMasse) }}">
  273.                                         <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  274.                                             viewBox="0 0 227.14 334.2" style="enable-background:new 0 0 227.14 334.2;" xml:space="preserve">
  275.                                             <g>
  276.                                                 <path class="st0" d="M165.54,67.27c0,19.09,0.09,38.18-0.08,57.27c-0.03,3.59,0.68,4.79,4.55,4.72
  277.                                                     c15.09-0.26,30.18-0.05,45.28-0.14c3.59-0.02,6.43,0.81,8.2,4.26c1.89,3.69,0.01,6.52-2.18,8.94
  278.                                                     c-12.21,13.48-24.62,26.78-36.87,40.23c-14.89,16.36-29.68,32.81-44.53,49.2c-6.99,7.71-13.98,15.43-21.11,23.03
  279.                                                     c-3.49,3.72-8.06,3.54-11.62-0.38c-18.76-20.65-37.43-41.39-56.2-62.03c-12.46-13.7-25.05-27.28-37.57-40.93
  280.                                                     c-3.12-3.41-6.21-6.85-9.3-10.28c-2.08-2.31-2.84-5.05-1.36-7.78c1.45-2.66,3.58-4.35,7.16-4.3c14.76,0.2,29.52-0.09,44.28,0.19
  281.                                                     c4.31,0.08,5.56-0.92,5.53-5.41c-0.2-37.02-0.12-74.04-0.1-111.05c0-1.82-0.04-3.68,0.35-5.44c0.78-3.6,2.88-5.74,6.88-5.74
  282.                                                     c30.68,0.04,61.37,0,92.05,0.04c4.46,0.01,6.64,2.66,6.64,7.83C165.55,28.76,165.54,48.01,165.54,67.27z"/>
  283.                                                 <path class="st1" d="M113.33,331.39c-34.51,0-69.02,0-103.53,0c-5.98,0-7.18-1.22-7.19-7.29c-0.02-11.13-0.04-22.25,0.01-33.38
  284.                                                     c0.02-5.46,1.69-7.15,7.14-7.15c69.02-0.02,138.04-0.03,207.07,0c5.2,0,6.62,1.54,6.64,6.94c0.03,11.46,0.03,22.92,0,34.38
  285.                                                     c-0.01,5.97-0.55,6.5-6.6,6.5C182.35,331.4,147.84,331.39,113.33,331.39z"/>
  286.                                             </g>
  287.                                         </svg>
  288.                                     </a>
  289.                                 {% endif %}
  290.                                 <a class="btn-rounded-white my-2 download-pdf resize resize-moins" id="img_minus" href="#"><i id="btn-moins" class="fa fa-minus"></i></a>
  291.                                 <a class="btn-rounded-white my-2 resize resize-plus" id="img_plus" href="#"><i id="btn-plus" class="fa fa-plus"></i></a>
  292.                             </div>
  293.                             <div class="viewer-pdf">
  294.                                 <div id="viewer_n{{ lot.pjs|length }}" class="pdf-viewer-iframe">
  295.                                     {% if lot.planMasse|unserialize is not null %}
  296.                                         {% for img in lot.planMasse|unserialize %}
  297.                                             <img class="img-download" loading="lazy" src="{{ asset(img) }}"/><br/>
  298.                                         {% endfor %}
  299.                                     {% else %}
  300.                                         <img class="img-download" loading="lazy" src="{{ asset('uploads/plans_masse/' ~ lot.planMasse) }}"/>
  301.                                     {% endif %}
  302.                                 </div>
  303.                             </div>
  304.                             <div class="lot-content d-flex">
  305.                                 <div role="button" class="drag-btn d-flex align-items-center justify-content-center shadow">
  306.                                     <img class="drag-icon-arrow ml-4" src="{{ asset('build/images/drag-icon-right-arrow.png') }}"/>
  307.                                 </div>
  309.                                 <div class="detail-content d-flex flex-column">
  310.                                     {{ block('detail_lot') }}
  311.                                 </div>
  312.                             </div>
  313.                         </div>
  314.                     </div>
  316.                 {% endif %}
  317.                 {% if nextProp['prop'] != null %}
  318.                     <div class="slide slide-next-proposition" id="slideNextProp" data-slide-title="Proposition n°{{ nextProp.num }}">
  319.                         <div class="container-fluid-content container-fluid p-0" style="background-image:url({{ asset('uploads/lots_images/' ~ nextProp.prop.lot.image) }});">
  320.                             <div class="d-flex flex-column" style="justify-content:space-evenly;height:calc(100vh - calc(4.8vh + 2px + 2px + 17vh));">
  321.                                 <div class="container-next-prop mx-auto">
  322.                                     <div class="lot-item active-loading">
  323.                                         <a href="{{ path('public_lot', {token: nextProp.prop.prospect.token, id: nextProp.prop.lot.id}) }}" class="noAnim link-card-item active-loading">
  324.                                             <div class="hide-zoom-in d-flex flex-column justify-content-end card-lot-item">
  325.                                                 <div class="noAnim bg-img-lot" style="background-image: url({{ asset('uploads/lots_images/' ~ nextProp.prop.lot.image) }});"></div>
  326.                                                 <div class="d-flex justify-content-between align-items-end mb-1">
  327.                                                     <div class="text-white text-right col-10">
  328.                                                         <h3 class="lot-name mb-0">{{nextProp.prop.lot.reference}} - {{nextProp.prop.lot.ville|upper}}</h3>
  329.                                                         <h2 class="lot-size text-bold">{{nextProp.prop.lot.type|upper}} - {{ nextProp.prop.lot.Superficie }}m²</h2>
  330.                                                     </div>
  331.                                                     <div class="num num-{{ (nextProp.num-1) % 6 }} col-2">{{ nextProp.num }}</div>
  332.                                                 </div>
  333.                                             </div>
  334.                                         </a>
  335.                                         <div><h5 class="lot-realisation"><span class="lot-prix">{% if nextProp.prop.lot.prix is not empty %}{{ nextProp.prop.lot.prix|number_format(0, ',', ' ') }}€ </span><span class="text-white">-</span>{% endif %}<span class="lot-livraison"> {% if nextProp.prop.lot.livraison is not empty %}{{ nextProp.prop.lot.Livraison }}{% endif %}</span></h5></div>
  336.                                     </div>
  337.                                 </div>
  338.                             </div>
  339.                         </div>
  340.                         <a class="owl-next-proposition" href="{{ path('public_lot', {token: nextProp.prop.prospect.token, id: nextProp.prop.lot.id}) }}"></a>
  341.                     </div>
  342.                 {% endif %}
  343.             </div>
  345.             <div class="tooltip-next" style="display:none !important;">
  346.                 Étape suivante
  347.                 <span class="triangle"></span>
  348.             </div>
  349.         </div>
  350.     </div>
  351. {% endblock %}
  353. {% block javascripts %}
  354.     {{ parent() }}
  356.     <script type="text/javascript">
  357.         // patch owl loading
  359.         if(window.innerHeight > window.innerWidth){
  360.             window.location.href = '{{ path('public_prospect_short', {token: prospect.token}) }}';
  361.             document.querySelector('#main_loader').style.display = 'flex';
  362.         }
  363.     </script>
  365.     <script type="text/javascript">
  367.         function initMap() {
  368.             map = new google.maps.Map(document.getElementById("map"), {
  369.                 center: new google.maps.LatLng({{ lot.latitude is not null ? lot.latitude : 45.899247 }}, {{ lot.longitude is not null ? lot.longitude : 6.129384 }}),
  370.                 zoom: {{lot.programmeParent.zoomMap is not null ? lot.programmeParent.zoomMap : 14}},
  371.                 fullscreenControl: true,
  372.                 streetViewControl: false,
  373.                 rotateControl: false,
  374.                 scrollwheel: false,
  375.                 mapTypeControl: false,
  376.                 clickableIcons: false,
  377.                 mapTypeId: '{{lot.programmeParent.typePlan is not null ? lot.programmeParent.typePlan : satellite }}'
  378.             });
  381.             document.getElementById('map_switch').onclick = function() {
  382.                 if(map.mapTypeId == 'roadmap') {
  383.                     document.getElementById('roadmap_logo').style.display = 'block';
  384.                     document.getElementById('satellite_logo').style.display = 'none';
  386.                     map.setMapTypeId("satellite");
  387.                 } else {
  388.                     document.getElementById('satellite_logo').style.display = 'block';
  389.                     document.getElementById('roadmap_logo').style.display = 'none';
  391.                     map.setMapTypeId("roadmap");
  392.                 }
  393.             };
  395.             document.getElementById('map_minus').onclick = function() {
  396.                 map.setZoom(map.getZoom() - 1);
  397.             };
  399.             document.getElementById('map_plus').onclick = function() {
  400.                 map.setZoom(map.getZoom() + 1);
  401.             };
  403.             const infowindow = new google.maps.InfoWindow({
  404.                 content: '<div id="infobox_content">{{ lot.programme }}</br>{{ lot.adresse }}</br>{{ lot.codePostal }} {{ lot.ville }}</div>',
  405.             });
  407.             {% if lot.latitude is not null and lot.longitude is not null %}
  408.                 var marker = new google.maps.Marker({
  409.                     position: new google.maps.LatLng({{ lot.latitude }}, {{ lot.longitude }}),
  410.                     map: map,
  411.                     icon: {
  412.                         url: "{{ absolute_url(asset('build/images/marker.png')) }}",
  413.                         scaledSize: new google.maps.Size(100, 100),
  414.                     },
  415.                     title: 'Votre programme'
  416.                 });
  418.                 infowindow.open({
  419.                     anchor: marker,
  420.                     map,
  421.                 });
  422.             {% endif %}
  423.         }
  424.     </script>
  425. {% endblock %}
  427. {% block body %}
  428.     {{ parent() }}
  430.     <script src='https://unpkg.com/panzoom@9.4.0/dist/panzoom.min.js'></script>
  432.     <script
  433.       src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDjoLfbKLLFbXm0rCgQQPfBbihIFj8_T1Q&callback=initMap&v=weekly"
  434.       async></script>
  435. {% endblock %}
  437. {% block footer %}
  438. {% endblock %}