templates/public/index.html.twig line 1

Open in your IDE?
  1. {% extends './public/layout.html.twig' %}
  3. {% block main %}
  4.     {% set isProposition = false %}
  5.     {% if propositions|length > 0 %}
  6.         {% set isProposition = true %}
  7.         {% set firstProposition = propositions|first %}
  8.     {% endif %}
  10.     <div class="homepage mobile" style="{% if isProposition %} background-image: linear-gradient(180deg, rgb(48 48 48 / 80%) 0%, rgb(48 48 48 / 80%) 100%), url({{ asset('uploads/lots_images/' ~ firstProposition.lot.image) }}); {% endif %}">
  11.         {% if not recap %}
  12.         <div class="container-fluid">
  13.             <div class="titles row">
  14.                 <div class="col-12 text-center">
  15.                     <h4 class="subtitle text-white font-weight-bold">
  16.                         Votre sélection personnalisée {{ interlocuteur is not null ? 'par ' ~ interlocuteur.entreprise.nom : '' }} : Cliquez sur une vignette !
  17.                     </h4>
  18.                     <p class="sub-subtitle text-white">
  19.                         <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="8vh">
  20.                             <path d="M12 14.5L7.5 10L6.08 11.42L12 17.34L17.92 11.42L16.5 10L12 14.5ZM12 10L7.5 5.5L6.08 6.92L12 12.84L17.92 6.92L16.5 5.5L12 10Z" fill="#46bdf7"/>
  21.                         </svg>
  22.                     </p>
  23.                 </div>
  24.             </div>
  25.         </div>
  26.         {% endif %}
  28.         {% set nb = 0 %}
  29.             {% if not recap %}
  30.                 <div class="container-fluid-content container-lots position-relative">
  31.                     <div class="content-lots m-0">
  32.                         <div class="row justify-content-center w-100 m-0 p-0 lots">
  33.                             {% if propositions is defined and propositions %}
  34.                                 {% for key, proposition in propositions %}
  35.                                     <div class="lot-item {% if propositions|length == 1 %} col-8 {% elseif propositions|length == 2 %} col-6 {% else %} col-4 {% endif %} active-loading">
  36.                                         <a href="{{ path('public_lot', {token: proposition.prospect.token, id: proposition.lot.id}) }}" class="noAnim link-card-item active-loading">
  37.                                             <div class="hide-zoom-in d-flex justify-content-between card-lot-item" style="min-height: {% if propositions|length == 1 %} 50vh {% elseif propositions|length == 2 %} 44vh {% else %} 34vh {% endif %}">
  38.                                                 <div class="noAnim bg-img-lot" style="background-image: url({{ asset('uploads/lots_images/' ~ proposition.lot.image) }});"></div>
  39.                                                 <div class="lot-caracts d-flex justify-content-between align-items-end w-100 mb-1">
  40.                                                     <div class="text-white text-15 col-10">
  41.                                                         <h3 class="lot-name mb-0">{% if proposition.lot.reference is not empty %}{{proposition.lot.reference}} - {% endif %}{{proposition.lot.ville|upper}}</h3>
  42.                                                         <h2 class="lot-size text-bold">{{proposition.lot.type|upper}} {% if proposition.lot.superficie is not empty %} - {{ proposition.lot.Superficie }}m² {% endif %}</h2>
  43.                                                     </div>
  44.                                                     <div class="num col-2">{{ loop.index }}</div>
  45.                                                 </div>
  46.                                             </div>
  47.                                         </a>
  48.                                         <div>
  49.                                             <h5 class="lot-realisation">
  50.                                                 {% if proposition.lot.prix is not empty %}
  51.                                                     <span class="lot-prix">{{ proposition.lot.prix|number_format(0, ',', ' ') }}€</span>
  52.                                                 {% endif %}
  54.                                                 {% if proposition.lot.prix is not empty and proposition.lot.programmeParent.visuLivraison and proposition.lot.livraison is not empty %}
  55.                                                     <span class="text-white"> - </span>
  56.                                                 {% endif %}
  58.                                                 {% if proposition.lot.programmeParent.visuLivraison and proposition.lot.livraison is not empty %}
  59.                                                     <span class="lot-livraison">
  60.                                                         {{ proposition.lot.livraison }}
  61.                                                     </span>
  62.                                                 {% endif %}
  63.                                             </h5>
  64.                                         </div>
  65.                                     </div>
  66.                                 {% endfor %}
  67.                             {% endif %}
  68.                         </div>
  69.                     </div>
  70.                     <div class="w-100 d-flex justify-content-end">
  71.                         <p class="logo-zada text-white text-center w-100">Zada © {{ "now"|date('Y') }}</p>
  72.                     </div>
  73.                 </div>
  74.             {% else %}
  75.                 {% if propositions.first is defined %}
  76.                     {% set firstProposition = propositions.first %}
  77.                 {% else %}
  78.                     {% set firstProposition = propositions[0] %}
  79.                 {% endif %}
  81.                 <div class="slide slide-avis" style="background-image:linear-gradient(180deg, rgb(48 48 48 / 75%) 0%, rgb(48 48 48 / 100%) 100%), url({{ asset('uploads/lots_images/' ~ firstProposition.lot.image) }});">
  82.                     <div class="container-fluid-content container-lots position-relative container-fluid p-0" class="container-lots">
  83.                         <div class="container-avis pt-lg-5 mx-auto">
  84.                             <div class="content-lots recap-lots m-0">
  85.                                 <div class="row justify-content-center w-100 m-0 pb-0 pt-4 px-0 lots">
  86.                                     {% if propositions is defined and propositions %}
  87.                                         {% for key, proposition in propositions %}
  88.                                             <div class="{% if propositions|length == 1 %}col-8{% elseif propositions|length == 2 %}col-6{% else %}col-4{% endif %} d-flex flex-column px-2 px-lg-4 py-2 py-lg-4 recap-card">
  89.                                                 <h2 class="location-card-{{ (key%6)+1 }} image-title text-bold">{{ proposition.lot.ville }}</h2>
  90.                                                 <div class="lot-item lot-item-recap h-100" data-bs-toggle="modal" data-bs-target="#modalImage" style="min-height: {% if propositions|length == 1 %}50vh{% elseif propositions|length == 2 %}44vh{% else %}34vh{% endif %}">
  91.                                                     <div class="row mx-0 h-100">
  92.                                                         <div class="{% if proposition.lot.plan is null and proposition.lot.image is null %} col-12 {% else %} col-5 {% endif %} px-0 lot-caracts lot-{{ (key%6)+1 }}">
  93.                                                             <ul class="px-2 py-3 m-0">
  94.                                                                 <li class="nom-card-recap text-bold">{{ proposition.lot.programme }}</li>
  95.                                                                 <li class="ref-card-recap">
  96.                                                                     {{proposition.lot.type}}
  97.                                                                     {% if proposition.lot.reference is not empty %}
  98.                                                                         - {{ proposition.lot.reference }}
  99.                                                                     {% endif %}
  100.                                                                 </li>
  101.                                                                 {% if proposition.lot.etage is not empty %}
  102.                                                                     <li class="title-card-recap">Etage : <b>{{ proposition.lot.etage }}</b></li>
  103.                                                                 {%  endif %}
  104.                                                                 {% if proposition.lot.superficie is not empty %}
  105.                                                                     <li class="title-card-recap">Superficie : <b>{{ proposition.lot.superficie|number_format(2, ',', ' ')|replace({',00': ''}) }}m²</b></li>
  106.                                                                 {% endif %}
  107.                                                                 {% if proposition.lot.terrasse is not empty %}
  108.                                                                     <li class="title-card-recap">Terrasse : <b>{{ proposition.lot.terrasse|number_format(2, ',', ' ')|replace({',00': ''}) }}m²</b></li>
  109.                                                                 {% endif %}
  110.                                                                 {% if proposition.lot.terrasse2 is not empty %}
  111.                                                                     <li class="title-card-recap">Deuxième terrasse : <b>{{ proposition.lot.terrasse2|number_format(2, ',', ' ')|replace({',00': ''}) }}m²</b></li>
  112.                                                                 {% endif %}
  113.                                                                 {% if proposition.lot.jardin is not empty %}
  114.                                                                     <li class="title-card-recap">Jardin : <b>{{ proposition.lot.jardin|number_format(2, ',', ' ')|replace({',00': ''}) }}m²</b></li>
  115.                                                                 {% endif %}
  116.                                                                 {% if proposition.lot.orientation is not empty %}
  117.                                                                     <li class="title-card-recap">Orientation : <b>{{ proposition.lot.orientation }}</b></li>
  118.                                                                 {% endif %}
  119.                                                                 {% if proposition.lot.prix is not null %}
  120.                                                                     <li class="title-card-recap">Prix : <b>{{ proposition.lot.prix|number_format(2, ',', ' ')|replace({',00': ''}) }} €</b></li>
  121.                                                                 {% endif %}
  122.                                                                 {% if(proposition.lot.annexes is not null) %}
  123.                                                                     <li class="title-card-recap">Annexes incluses : <b>{{ proposition.lot.annexes }}</b></li>
  124.                                                                 {% endif %}
  125.                                                                 {% if proposition.lot.fraisNotaireInclus is not null %}
  126.                                                                     <li class="title-card-recap">Frais de notaire {% if proposition.lot.fraisNotaireType is null or proposition.lot.fraisNotaireType == 'reduits' %} réduits{% endif %} : <b>{{ proposition.lot.fraisNotaireInclus|number_format(2, ',', ' ')|replace({',00': ''}) }} €</b></li>
  127.                                                                 {% endif %}
  128.                                                                 {% if proposition.lot.programmeParent.visuLivraison %}
  129.                                                                     {% if proposition.lot.livraison is not empty %}
  130.                                                                         <li class="title-card-recap">Livraison : <b>{{ proposition.lot.livraison }}</b></li>
  131.                                                                     {% endif %}
  132.                                                                 {% endif %}
  133.                                                                 {% if proposition.lot.description is not empty %}
  134.                                                                     <li class="title-card-recap">Autres notes : <br><strong>{{ proposition.lot.description }}</strong></br></li>
  135.                                                                 {% endif %}
  136.                                                                 {% if proposition.lot.programmeParent.noteGlobale is not empty %}
  137.                                                                     <li class="title-card-recap"><strong>{{ proposition.lot.programmeParent.noteGlobale }}</strong></li>
  138.                                                                 {% endif %}
  139.                                                             </ul>
  140.                                                         </div>
  141.                                                         <div class="col-7 recap-plan-masse px-0">
  142.                                                             <div class="viewer-pdf h-100">
  143.                                                                 {% if proposition.lot.plan is not null or proposition.lot.image is not null %}
  144.                                                                     <div id="viewer_n{{ proposition.lot.pjs|length }}" class="viewer d-flex flex-wrap align-content-center h-100">
  145.                                                                         {% if proposition.lot.plan is not null %}
  146.                                                                             {% if proposition.lot.plan.filename|unserialize is not null %}
  147.                                                                                 {% for img in proposition.lot.plan.filename|unserialize %}
  148.                                                                                     <img class="minia-plan" loading="lazy" src="{{ asset(img) }}"/><br/>
  149.                                                                                 {% endfor %}
  150.                                                                             {% else %}
  151.                                                                                 <img class="minia-plan" loading="lazy" src="{{ asset('uploads/pieces_jointes/' ~ proposition.lot.plan.filename) }}"/>
  152.                                                                             {% endif %}
  153.                                                                         {% elseif proposition.lot.image is not null %}
  154.                                                                             {#<div class="h-100 w-100 minia-image" style="background-image: url({{ asset('uploads/lots_images/' ~ proposition.lot.image) }});"></div>#}
  155.                                                                             <img class="minia-image test" loading="lazy" src="{{ asset('uploads/lots_images/' ~ proposition.lot.image) }}"><br/>
  156.                                                                         {% endif %}
  157.                                                                     </div>
  158.                                                                 {% endif %}
  159.                                                             </div>
  160.                                                         </div>
  161.                                                     </div>
  162.                                                 </div>
  163.                                                 <div class="d-flex my-2 justify-content-between">
  164.                                                     <h2 class="text-bold"><span data-html2canvas-ignore class="location-card-{{ (key%6)+1 }}">{{proposition.lot.type|slice(0,2)}} {{proposition.lot.reference}}</span><span data-html2canvas-ignore class="lot-prix"> - {{ proposition.lot.prix|number_format(0, ',', ' ') }}€</span></h2>
  165.                                                     <div class="icones d-flex align-items-center">
  166.                                                         <a class="icone d-flex icone-retour mx-lg-1" data-html2canvas-ignore href="{{ path('public_lot', {token: proposition.prospect.token, id: proposition.lot.id}) }}"><img class="w-100" src="{{ asset('build/images/back-arrow.png') }}"></a>
  167.                                                         <a class="icone d-flex icone-dowload mx-1" data-html2canvas-ignore href="#"><img class="w-100" src="{{ asset('build/images/telechargement-icone.png') }}"></a>
  168.                                                         <a class="icone d-flex icone-full mx-lg-1" data-html2canvas-ignore data-bs-toggle="modal" data-bs-target="#modalImage" href="#"><img class="w-100" src="{{ asset('build/images/fullscreen-icone.png') }}"></a>
  169.                                                     </div>
  170.                                                 </div>
  171.                                             </div>
  172.                                         {% endfor %}
  173.                                     {% endif %}
  174.                                 </div>
  175.                             </div>
  176.                         </div>
  177.                     </div>
  178.                     <div class="w-100 d-flex justify-content-end">
  179.                         <p class=" text-white text-center w-100">Zada © {{ "now"|date('Y') }}</p>
  180.                     </div>
  181.                 </div>
  182.             {% endif %}
  183.         </div>
  184.         <div class="modal fade" id="modalImage" tabindex="-1" aria-hidden="true">
  185.             <div class="modal-dialog modal-fullscreen ">
  186.                 <div class="modal-content">
  187.                     <div class="modal-header">
  188.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  189.                     </div>
  190.                     <div class="modal-body">
  191.                         <img class="img-modal d-block mx-auto">
  192.                     </div>
  193.                 </div>
  194.             </div>
  195.         </div>
  196. {% endblock %}
  198. {% block footer %}
  199. {% endblock %}