templates/contact/contactFront.html.twig line 1

Open in your IDE?
  1. {% extends 'backfront.html.twig' %}
  3. {% block title %}Contactez SIP Academy -Nous sommes là pour répondre à vos questions{% endblock %}
  4. {% block meta_description %}
  5.     Contactez SIP Academy pour toute information sur nos formations, sessions, et offres spéciales. Notre équipe est là pour vous accompagner dans votre parcours.
  6. {% endblock %}
  7. {% block body %}
  8.     <script>
  9.         var recaptchaCallback = function (){
  10.             var btnSubmitt = document.getElementById("captcha_contact");
  11.             var captcha = document.getElementById("captcha");
  12.             captcha.classList.add("hidden");
  13.             if ( btnSubmitt.disabled ) {
  14.                 btnSubmitt.disabled = false;
  15.             }
  16.             console.log('checked !');
  17.         }
  18.     </script>
  19.         <div class="contact-area pt-100 pb-100">
  20.             <div class="container">
  21.                 {% for message in app.session.flashBag.get('info') %}
  22.                     <div class="alert alert-info">
  23.                         {{ message }}
  24.                     </div>
  25.                 {% endfor %}
  27.                 {% for message in app.session.flashBag.get('success') %}
  28.                     <div class="alert alert-success">
  29.                         {{ message }}
  30.                     </div>
  31.                 {% endfor %}
  33.                 {% for message in app.session.flashBag.get('error') %}
  34.                     <div class="alert alert-danger">
  35.                         {{ message }}
  36.                     </div>
  37.                 {% endfor %}
  39.                 {% for flashMessages in app.flashes('success') %}
  40.                     <div class="alert  alert-success alert-dismissible fade show">
  41.                         <i class="bi-check-circle-fill"></i>
  42.                         <strong class="mx-2">         {{ flashMessages }}</strong>
  43.                         <!--begin::Close-->
  44.                         <button type="button" class="position-absolute  m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto" data-bs-dismiss="alert">
  45.                 <span class="svg-icon svg-icon-2x svg-icon-muted">
  46.                     <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  47. <rect opacity="0.3" x="2" y="2" width="20" height="20" rx="10" fill="currentColor"/>
  48. <rect x="7" y="15.3137" width="12" height="2" rx="1" transform="rotate(-45 7 15.3137)" fill="currentColor"/>
  49. <rect x="8.41422" y="7" width="12" height="2" rx="1" transform="rotate(45 8.41422 7)" fill="currentColor"/>
  50. </svg>
  52.                 </span>
  53.                         </button>
  54.                         <!--end::Close-->
  55.                     </div>
  56.                 {% endfor %}
  61.                 <div class="row g-0">
  62.                     <div class="col-md-12 col-lg-6 blue-bg">
  63.                         <div class="edubuzz-address">
  64.                             <h2 class="contact-title">Vous pouvez nous contacter</h2>
  65.                             <p>{{ setting.footer1}} </p>
  66.                             <ul>
  67.                                 <li><i class="fa fa-fax"></i> Adresse : {{ setting.adresse }}</li>
  68.                                 <li><i class="fa fa-phone"></i> Téléphone : {{ setting.numero }}</li>
  69.                                 <li><i class="fa fa-whatsapp"></i> WhatsApp : {{ setting.whatsapp }}</li>
  70.                                 <li><i class="fa fa-envelope-o"></i> Web: {{setting.contact}}</li>
  71.                             </ul>
  72.                             <div class="contact-social">
  73.                                 <h3><strong>&nbsp;</strong></h3>
  74.                                 <ul>
  75.                                     <li><a href="{{ setting.lienfb }}"><i class="zmdi zmdi-facebook"></i></a></li>
  76.                                     <li><a href="{{ setting.lienlikedin }}"><i class="zmdi zmdi-linkedin"></i></a></li>
  77.                                     <li><a href="{{ setting.liengit }}"><i class="zmdi zmdi-github"></i></a></li>
  78.                                     <li><a href="{{ setting.lieninsta }}"><i class="zmdi zmdi-instagram"></i></a></li>
  79.                                     <li><a href="{{ setting.lienyoutube }}"><i class="zmdi zmdi-youtube"></i></a></li>
  81.                                 </ul>
  82.                             </div>
  83.                         </div>
  84.                     </div>
  86.                     <div class="col-md-12 col-lg-6 yellow-bg">
  87.                         <div class="contact-form-wrap">
  88.                             <h2 class="contact-title">ENVOYEZ VOTRE MESSAGE</h2>
  89.                             <form  action="{{ path('app_contact_newcontact') }}" method="post">
  90.                                 <div class="row">
  91.                                     <div class="col-12">
  92.                                         <div class="contact-form-style mb-20">
  93.                                             <input pattern="[^\d]+" title="Ce champ n'accepte pas les chiffres" required name="nom" placeholder="Nom & Prénom*" type="text">
  96.                                         </div>
  97.                                     </div>
  98.                                     <div class="col-12">
  99.                                         <div class="contact-form-style mb-20">
  100.                                             <input  name="phone" placeholder="Téléphone" type="text">
  101.                                         </div>
  102.                                     </div>
  103.                                     <div class="col-12">
  104.                                         <div class="contact-form-style mb-20">
  105.                                             <input required name="email" placeholder="Email*" type="email">
  106.                                         </div>
  107.                                     </div>
  108.                                     <div class="col-md-12">
  109.                                         <div class="contact-form-style">
  110.                                             <textarea required name="message" placeholder="Saisissez ici votre message.."></textarea>
  111.                                             {% if show_verification %}
  112.                                                 <input type="text" name="verification_code" placeholder="Entrez le code de vérification" required>
  113.                                             {% endif %}
  114.                                             <div  id="captcha" class="g-recaptcha" data-sitekey="6LeIOc0lAAAAAHX9N25sC0hFU8IjprSY1GH7cVOp"
  115.                                                   data-callback="recaptchaCallback"></div>
  116.                                             <br>
  117.                                             <button class="button-default" disabled id="captcha_contact" type="submit"><span>Envoyer </span></button>
  118.                                         </div>
  119.                                     </div>
  120.                                 </div>
  121.                             </form>
  122.                             <p class="form-messege"></p>
  123.                         </div>
  124.                     </div>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.         <!--Contact Area End-->
  130.  {% endblock%}