templates/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ setting.siteName }} : contactez-nous{% endblock %}
  5. {% block body %}
  7. <section class="container py-5">
  9.     <div class="row pt-3">
  10.         <div class="col">
  11.             {# Breadcrumbs #}
  12.             <div class="row">
  13.                 <div class="col small">
  14.                     <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);"
  15.                         aria-label="breadcrumb">
  16.                         <ol class="breadcrumb small">
  17.                             <li class="breadcrumb-item"><a href="{{ path('app_home') }}"
  18.                                     class="text-decoration-none text-dark">Accueil</a></li>
  19.                             <li class="breadcrumb-item active" aria-current="page">Contact</li>
  20.                         </ol>
  21.                     </nav>
  22.                 </div>
  23.             </div>
  24.         </div>
  25.     </div>
  27.     <div class="row d-flex justify-content-center pt-3">
  29.         <div class="col-lg-8 col-sm-12">
  30.             <h1 class="text-center mb-2 color1 fw-700 text-uppercase" data-aos="fade-down" data-aos-duration="3000">
  31.                 Contactez-nous
  32.             </h1>
  33.             <p class="lead pt-5 text-center">
  34.                 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.825 0-1.413-.588T2 18V6q0-.825.588-1.413T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.588 1.413T20 20H4Zm8-7L4 8v10h16V8l-8 5Zm0-2l8-5H4l8 5ZM4 8V6v12V8Z"/></svg>
  35.                 {{ setting.siteEmail }}
  36.             </p>
  37.             <p class="lead pb-5 text-center">
  38.                 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="m29.631 12.63l.33 1.47c.05.223.05.444.008.652A1 1 0 0 1 29 16h-2.255l-1.483-1.977v-.002A2.544 2.544 0 0 0 23.22 13H23v-1.69c0-.722-.588-1.31-1.31-1.31h-1.38c-.722 0-1.31.588-1.31 1.31v1.68h-6v-1.68c0-.722-.588-1.31-1.31-1.31h-1.38C9.588 10 9 10.588 9 11.31V13h-.22c-.808 0-1.563.381-2.05 1.03L5.254 16H3a1 1 0 0 1-.969-1.248a1.544 1.544 0 0 1 .008-.652l.32-1.47A7.199 7.199 0 0 1 9.379 7h13.242a7.18 7.18 0 0 1 7.01 5.63Z"/><path d="m24.46 14.62l3.66 4.88A9.366 9.366 0 0 1 30 25.13v3.31c0 .86-.7 1.56-1.56 1.56H3.56C2.7 30 2 29.3 2 28.44v-3.31c0-2.03.66-4.01 1.88-5.63l3.65-4.87c.3-.4.76-.63 1.25-.63h.91c.17 0 .31-.14.31-.31v-2.38c0-.17.14-.31.31-.31h1.38c.17 0 .31.14.31.31v2.38c0 .17.14.31.31.31h7.38c.17 0 .31-.14.31-.31v-2.38c0-.17.14-.31.31-.31h1.38c.17 0 .31.14.31.31v2.38c0 .17.14.31.31.31h.91c.49 0 .95.23 1.24.62ZM13.698 19c.17 0 .311-.14.301-.312v-1.376a.313.313 0 0 0-.311-.312h-1.377c-.17 0-.311.14-.311.312v1.376c0 .171.14.312.322.312h1.376Zm3 0a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312h1.376Zm1.623 0h1.377a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.377c-.17 0-.311.14-.311.312v1.376c0 .171.14.312.322.312Zm-4.623 3c.17 0 .311-.14.301-.312v-1.376a.313.313 0 0 0-.311-.312h-1.377c-.17 0-.311.14-.311.312v1.376c0 .171.14.312.322.312h1.376Zm1.623 0h1.377a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312Zm4.377 0a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.377c-.17 0-.311.14-.311.312v1.376c0 .171.14.312.322.312h1.376Zm-7.377 3h1.377c.17 0 .311-.14.301-.312v-1.376a.313.313 0 0 0-.311-.312h-1.377c-.17 0-.311.14-.311.312v1.376c0 .171.14.312.322.312Zm4.377 0a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312h1.376Zm1.623 0h1.377a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.377c-.17 0-.311.14-.311.312v1.376c0 .171.14.312.322.312Z"/></g></svg>
  39.                 {{ setting.siteTelephone }}
  40.             </p>
  41.             <p class="text-center mb-5 contact-info" data-aos="flip-left" data-aos-duration="1500">
  42.                 Nos études sont ouvertes du lundi au vendredi<br>de 09h00 à 12h30 et de 14h00 à 18h00.
  43.             </p>
  44.             <p class="text-center small mb-5" data-aos="flip-left" data-aos-duration="1500">
  45.                 Remplissez le formulaire de contact ci-dessous,<br>
  46.                 nous reviendrons vers vous dans les meilleurs délais
  47.             </p>
  49.             {{ form_start(form) }}
  51.                 {# {% for message in app.flashes('success') %}
  52.                     <div class="alert alert-success">
  53.                         {{ message }}
  54.                     </div>
  55.                 {% endfor %} #}
  57.                 {% for message in app.flashes('success') %}
  58.                     <!-- Button trigger modal -->
  59.                     {# <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  60.                         Launch demo modal
  61.                     </button> #}
  63.                     <!-- Modal -->
  64.                     <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
  65.                         aria-hidden="true">
  66.                         <div class="modal-dialog">
  67.                             <div class="modal-content">
  68.                                 <div class="modal-header">
  69.                                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  70.                                 </div>
  71.                                 <div class="modal-body pb-5">
  72.                                     <img src="{{ asset('assets/img/logo.webp') }}" alt="Laroche et Associés" class="img-fluid">
  73.                                     <br>
  74.                                     <p class="text-success mt-4">{{ message }}</p>
  75.                                 </div>
  76.                             </div>
  77.                         </div>
  78.                     </div>
  79.                 {% endfor %}
  81.                 <div class="bg-danger">
  82.                     {{ form_errors(form) }}
  83.                 </div>
  85.                 <div class="row">
  86.                     <div class="col-lg-6 col-sm-12 form-group mb-5">
  87.                         {{ form_row(form.prenom) }}
  88.                     </div>
  89.                     <div class="col-lg-6 col-sm-12 form-group mb-5">
  90.                         {{ form_row(form.nom) }}
  91.                     </div>
  92.                 </div>
  94.                 <div class="row">
  95.                     <div class="col-lg-6 col-sm-12 form-group mb-5">
  96.                         {{ form_row(form.email) }}
  97.                     </div>
  98.                     <div class="col-lg-6 col-sm-12 form-group mb-5">
  99.                         {{ form_row(form.telephone) }}
  100.                     </div>
  101.                 </div>
  103.                 {# <div class="row">
  104.                     <div class="col-lg-6 col-sm-12 form-group mb-5">
  105.                         {{ form_row(form.objet) }}
  106.                     </div>
  107.                     <div class="col-lg-6 col-sm-12 form-group mb-5">
  108.                         {{ form_row(form.rappel) }}
  109.                     </div>
  110.                 </div> #}
  112.                 <div class="row">
  113.                     <div class="col form-group mb-5">
  114.                         {{ form_row(form.message) }}
  115.                     </div>
  116.                 </div>
  118.                 <div class="form-group mb-3 text-center">
  119.                     <p>Veuillez recopier le code anti-spam :</p>
  120.                     {{ form_row(form.captcha, {'label': false}) }}
  121.                 </div>
  123.                 <div class="row">
  124.                     <div class="col text-center">
  125.                         <div class="form-group mb-0">
  126.                             {{ form_row(form.envoyer) }}
  127.                         </div>
  128.                     </div>
  129.                 </div>
  131.             {{ form_end(form) }}
  133.         </div>
  135.     </div>
  137.     <div class="row py-5">
  138.         <div class="col mt-5 lh-1">
  139.             {{ setting.siteRgpd|raw }}
  140.         </div>
  141.     </div>
  143. </section>
  145. <script>
  146.     let selectform = document.querySelector('.select-color');
  147.     selectform.firstElementChild.setAttribute('disabled', true);
  148.     selectform.firstElementChild.setAttribute('hidden', true);
  149. </script>
  151. {% endblock %}