templates/front/Contact/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'Contact' %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     {{ encore_entry_link_tags('pages') }}
  7.     {{ encore_entry_link_tags('contact') }}
  8.     <link href='https://api.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.css' rel='stylesheet' />
  9. {% endblock %}
  11. {% block body %}
  12.     <div id="breadcrumbToPlace" class="container">
  14.         <div class="links">
  15.             <a href="{{ path('app_homepage') }}"><i class="fa-solid fa-house"></i></a>
  16.             <span> / </span>
  17.             <span class="active theme-page">
  18.                 Contact
  19.             </span>
  20.         </div>
  21.         <div class="title">
  22.             <h1 class="titleTraitLeft">{{ page.title }}</h1>
  23.         </div>
  24.     </div>
  25.     <div class="container" id="content" data-aos="fade-right">
  26.         <div id="sections">
  27.             {{ form_start(form) }}
  28.             {% for message in app.flashes('successContact') %}
  29.                 <div class="alert alert-success">
  30.                     {{ message }}
  31.                 </div>
  32.             {% endfor %}
  33.                 <h2>Informations générales</h2>
  34.                 <p>Veuillez remplir le formulaire ci-dessous pour toute demande d’informations. Nous vous répondrons dans les plus brefs délais. (*champs obligatoires)</p>
  35.                 <div class="form-group">
  36.                     {{ form_row(form.name) }}
  37.                     {{ form_row(form.firstname) }}
  38.                 </div>
  39.             <div class="form-group">
  40.                 {{ form_row(form.job) }}
  41.             </div>
  42.             <div class="form-group">
  43.                 {{ form_row(form.phone) }}
  44.                 {{ form_row(form.email) }}
  45.             </div>
  46.             <div class="form-group">
  47.                 <h2>Votre demande</h2>
  48.             </div>
  49.             <div class="form-group">
  50.                 {{ form_row(form.object) }}
  51.             </div>
  52.             <div class="form-group">
  53.                 {{ form_row(form.message) }}
  54.             </div>
  55.             <div class="form-group">
  56.                 <p class="info">
  57.                     Les informations recueillies à partir de ce formulaire sont nécessaires à l’instruction de votre
  58.                     demande. Elles sont enregistrées et transmises aux services de SFMG en charge de leur traitement.
  59.                     Vous disposez de droits Informatique et Libertés et notamment d’un droit d’accès, de rectification
  60.                     et d’opposition, sur les données vous concernant, que vous pouvez exercer à l’adresse email
  61.                     <a href="{{ siteSettings.email|mailto(true) }}">{{ siteSettings.email|mailto }}</a>
  62.                 </p>
  63.             </div>
  64.             <div class="form-group confidentiality">
  65.                 <div class="pretty p-default p-curve p-thick p-smooth">
  66.                     {{ form_widget(form.confidentiality) }}
  67.                     <div class="state p-primary-o">
  68.                         <label></label>
  69.                     </div>
  70.                 </div>
  71.                 <label class="label-checkbox">J'accepte la <a href="{{ path('app_confidentiality') }}">politique de confidentialité</a></label>
  72.             </div>
  73.             <div class="form-group">
  74.                 <button type="submit" class="btn dark"><span>Envoyez votre demande</span></button>
  75.             </div>
  76.             {{ form_end(form) }}
  77.         </div>
  78.         <div id="contact-right" data-aos="fade-left">
  79.             <div class="info bg-marbre">
  80.                 <img src="{{ asset('/images/logo_contact.png') }}" class="logo" alt="Logo SFMG">
  81.                 <div class="info-group">
  82.                     <h3>Adresse postale</h3>
  83.                     <p>{{ siteSettings.addressStreet }}<br>{{ siteSettings.zipcode }} {{ siteSettings.city }}</p>
  84.                 </div>
  85.                 <div class="info-group">
  86.                     <h3>Téléphone</h3>
  87.                     <p><a href="tel:{{ siteSettings.phone }}">{{ siteSettings.phone }}</a></p>
  88.                 </div>
  89.                 <div class="info-group">
  90.                     <h3>Email</h3>
  91.                     <p><a href="{{ siteSettings.email|mailto(true) }}">{{ siteSettings.email|mailto }}</a></p>
  92.                 </div>
  93.             </div>
  94.             <div class="container-map">
  95.                 <div id='map' style='width: 100%; height: 450px;'>
  96.                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d38543.39200758688!2d2.2257554146620224!3d48.82021586689036!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e67a8aa94a5129%3A0xed3658c5319bedf1!2s141%20Av.%20de%20Verdun%2C%2092130%20Issy-les-Moulineaux!5e0!3m2!1sfr!2sfr!4v1735853080416!5m2!1sfr!2sfr" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  97.                 </div>
  98.             </div>
  99.         </div>
  100.     </div>
  101.     {% if page.quote %}
  102.         <div class="citation container">
  103.             <img src="{{ asset('/images/YEUX_CHOUETTE.png') }}" alt="yeux de chouette">
  104.             <p>{{ page.quote }}</p>
  105.         </div>
  106.     {% endif %}
  107. {% endblock %}
  109. {% block javascripts %}
  110.     {{ parent() }}
  111.     {{ encore_entry_script_tags('pages') }}
  112.     {{ encore_entry_script_tags('contact') }}
  113.     <script src='https://api.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.js'></script>
  114. {% endblock %}