{% extends 'base.html.twig' %}{% block title %}Bienvenue {{ interlocuteur is not null ? 'chez ' ~ interlocuteur.entreprise.nom : '' }}{% endblock %} {% block body %} {% set horizontalScreen = true %} {% if horizontalScreen %} {% set orientationMobile = "horizontal-screen" %} {% else %} {% set orientationMobile = "vertical-screen" %} {% endif %} <div class="{{orientationMobile}}"> <div class="horizontal-content"> {% block header %} {% if recap is not defined %} {% set recap = false %} {% endif %} <header class="header mobile"> <div> <nav class="navbar navbar-expand-lg d-flex flex-nowrap align-items-center justify-content-between navbar-light bg-light py-0"> <div class="left-buttons d-flex position-relative"> <a href="{% if prospect %}{{ path('public_prospect_short', {token: prospect.token}) }}{% else %}{{ path('public_prospect_short', {token: app.session.get('propositions')[0].prospect.token }) }}{% endif %}{% if not app.user %}?mode=visitor{% endif %}" class="btn navbar-brand p-0 my-0 active-loading"> {% if interlocuteur and interlocuteur.entreprise and interlocuteur.entreprise.logo %} <img src="{{ asset('uploads/entreprises_logos/' ~ interlocuteur.entreprise.logo) }}" class="py-2"> {% else %} <img src="{{ asset("build/images/zada_logo_large.png") }}" class="py-2"> {% endif %} </a> {% block dropdownLotsNav %} {% endblock %} {% if not recap %} <div class="dropdown recap opacity-0 lot-1"> <span class="before"></span> <a class="btn navbar-lot-menu d-flex align-items-center " href="{{ path('public_prospect_short', {token: prospect.token, recap: true}) }}"> <span class="text-center"> RECAP' </span> </a> <span class="after"></span> </div> {% endif %} </div> <div> {% if not recap %} <h2 class="slide-title mb-0 text-center">Bonjour {{prospect.emprunteurPrenom|upper}} {% if prospect.emprunteurNom and prospect.afficherNomEmprunteur %} {{prospect.emprunteurNom|upper}} {% endif %} {% if prospect.coemprunteurPrenom %} et {{prospect.coemprunteurPrenom|upper}} {% if prospect.coemprunteurNom and prospect.afficherNomCoEmprunteur %} {{prospect.coemprunteurNom|upper}} {% endif %} {% endif %} </h2> {% else %} <h2 class="slide-title mb-0 text-center">MA SELECTION - RECAP'</h2> {% endif %} </div> <div class="header-buttons d-flex text-white demande-rdv"> <div style="height: 100%"> <div class="row justify-content-center text-uppercase"> <div class="col-12 text-center"> <span class="text-golden">MON INTERLOCUTEUR</span> </div> </div> {% if interlocuteur is not null %} <div class="row justify-content-center flex-nowrap overflow-hidden"> {% if interlocuteur.prenom is not empty or interlocuteur.nom is not empty %} <div class="col-md-6 text-center" style="width: fit-content;"> <span class="text-golden"> <span class="text-capitalize">{{ interlocuteur.prenom }}</span> <span class="text-uppercase">{{ interlocuteur.nom }}</span> </span> </div> {% endif %} {% if interlocuteur.telephone is not empty %} <div class="col-md-6 text-center" style="width: fit-content;"> {% set numero = interlocuteur.telephone | replace({' ': '', '-': '', '+33': '0'}) %} {% set numero_formate = numero|slice(0, 2) ~ '.' ~ numero|slice(2, 2) ~ '.' ~ numero|slice(4, 2) ~ '.' ~ numero|slice(6, 2) ~ '.' ~ numero|slice(8, 2) %} <a class="text-golden" href="tel:{{ numero_formate }}"> {{ numero_formate|join('.') }} </a> </div> {% endif %} </div> {% if interlocuteur.email is not empty %} <div class="row justify-content-center"> <div class="col-12 text-center"> <a class="text-golden" href="mailto:{{ interlocuteur.email }}">{{ interlocuteur.email }}</a> </div> </div> {% endif %} {% elseif app.user %} <div class="row justify-content-center flex-nowrap overflow-hidden"> {% if app.user.prenom is not empty or app.user.nom is not empty %} <div class="col-md-6 text-center" style="width: fit-content;"> <span class="text-golden"> <span class="text-capitalize">{{ app.user.prenom }}</span> <span class="text-uppercase">{{ app.user.nom }}</span> </span> </div> {% endif %} {% if app.user.telephone is not empty %} <div class="col-md-6 text-center" style="width: fit-content;"> {% set numero = app.user.telephone | replace({' ': '', '-': '', '+33': '0'}) %} {% set numero_formate = numero|slice(0, 2) ~ '.' ~ numero|slice(2, 2) ~ '.' ~ numero|slice(4, 2) ~ '.' ~ numero|slice(6, 2) ~ '.' ~ numero|slice(8, 2) %} <a class="text-golden" href="tel:{{ numero_formate }}"> {{ numero_formate|join('.') }} </a> </div> {% endif %} </div> {% if app.user.email is not empty %} <div class="row justify-content-center"> <div class="col-12 text-center"> <a class="text-golden" href="mailto:{{ app.user.email }}">{{ app.user.email }}</a> </div> </div> {% endif %} {% else %} <div class="row justify-content-center flex-nowrap overflow-hidden"> <div class="col-md-6 text-center" style="width: fit-content;"> <span class="text-golden"> <span class="text-capitalize">{{ interlocuteur.entreprise.nom }}</span> </span> </div> <div class="col-md-6 text-center" style="width: fit-content;"> {% if interlocuteur.entreprise.telephone is not empty %} {% set numero = interlocuteur.entreprise.telephone | replace({' ': '', '-': '', '+33': '0'}) %} {% set numero_formate = numero|slice(0, 2) ~ '.' ~ numero|slice(2, 2) ~ '.' ~ numero|slice(4, 2) ~ '.' ~ numero|slice(6, 2) ~ '.' ~ numero|slice(8, 2) %} <a class="text-golden" href="tel:{{ numero_formate }}"> {{ numero_formate|join('.') }} </a> {% else %} <a class="text-golden">Aucun Téléphone</a> {% endif %} </div> </div> <div class="row justify-content-center"> <div class="col-12 text-center"> {% if interlocuteur.entreprise.email is not empty %} <a class="text-golden" href="mailto:{{ interlocuteur.entreprise.email }}">{{ interlocuteur.entreprise.email }}</a> {% else %} <a class="text-golden">Aucun E-mail</a> {% endif %} </div> </div> {% endif %} </div> </div> </nav> </div> <div class="position-relative"> <div class="progress-container"> <div class="progress"> <div class="progress-bar w-100" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> </header> {% endblock %} {% block main %} {% endblock %} {% block footer %} <footer class="py-5"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-6 col-lg-4 my-2"> <img src="{{ asset("build/images/zada_logo_large.png") }}" width="74"> <div class="mt-3 text-15 text-taupe">Lorem ipsum dolor sit amet, consectetur sed do invictitur adipi elit.</div> </div> <div class="col-md-6 col-lg-3 my-2"> <div class="d-flex flex-column align-items-start"> <a class="my-2 fw-bold text-blue text-15" href="#">Vos programmes</a> <a class="my-2 fw-bold text-blue text-15" href="#">L'agence LK1</a> <a class="my-2 fw-bold text-blue text-15" href="#">FAQ</a> </div> </div> <div class="col-md-6 col-lg-4 my-2"> <div class="d-flex flex-column align-items-start"> <a class="my-2 fw-bold text-blue text-15" href="#">Contact</a> <div class="adresse text-15 text-taupe"> <div class="mb-1">1 avenue du Pré Félin, 74940 Annecy</div> <div class="mb-1">+33 (0)4 50 22 37 14</div> <div>Email : <a href="mailto:lk1@lk1.fr">lk1@lk1.fr</a></div> </div> </div> </div> <div class="col-md-6 col-lg-1 my-2"> <div class="d-flex flex-row flex-md-column justify-content-center h-100"> <a href="#" class="mx-2 mx-md-0 my-2 noAnim"> <img src="{{ asset("build/images/facebook_mail.png") }}" width="20" height="20"/> </a> <a href="#" class="mx-2 mx-md-0 my-2 noAnim"> <img src="{{ asset("build/images/twitter_mail.png") }}" width="20" height="20"/> </a> <a href="#" class="mx-2 mx-md-0 my-2 noAnim"> <img src="{{ asset("build/images/instagram_mail.png") }}" width="20" height="20"/> </a> </div> </div> </div> </div> </footer> {% endblock %} </div> <div class="vertical-content"> {% include 'public/vertical_layout.html.twig' %} </div> </div> <div id="main_loader" class="loader" style="display:none !important;"> <i class="fas fa-hourglass-half"></i></br> <span>Chargement en cours...</span> </div> {% endblock %}