templates/app/contact/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Haribo Pro - Contact{% endblock %}
  5. {% block body %}
  6.     <div class="bg-blue" id="contact">
  7.         <div class="mt-6-pages" id="contactFirstChild">
  8.             <hgroup class="mb-0 text-center">
  9.                 <h1>CONTACTEZ-NOUS</h1>
  10.                 <p>Une question ? Complétez les informations ci-dessous pour nous contacter uniquement dans le cadre de l'opération.</p>
  11.             </hgroup>
  13.             {{ form_start(form, {'attr': {'novalidate': 'novalidate', 'id': 'form-contact'}}) }}
  14.                 <div class="form-bloc-wrapper container-form  shadow container pb-5">
  15.                     <div class="form-container">
  16.                         <div class="form-content">
  17.                             <div class="form-row row">
  18.                                 <div class="form-group col-md-6">
  19.                                     <span class="hide-error">{{ form_label(form.lastname) }}</span>
  20.                                     {{ form_widget(form.lastname, { 'attr': {'class': 'form-control'} }) }}
  21.                                     {{ form_errors(form.lastname) }}
  22.                                 </div>
  23.                                 <div class="form-group col-md-6">
  24.                                     <span class="hide-error">{{ form_label(form.firstname) }}</span>
  25.                                     {{ form_widget(form.firstname, { 'attr': {'class': 'form-control'} }) }}
  26.                                     {{ form_errors(form.firstname) }}
  27.                                 </div>
  28.                             </div>
  29.                             {# <div class="form-group">
  30.                                 <span class="hide-error">{{ form_label(form.companyName) }}</span>
  31.                                 {{ form_widget(form.companyName, { 'attr': {'class': 'form-control'} }) }}
  32.                                 {{ form_errors(form.companyName) }}
  33.                             </div> #}
  34.                             <div class="form-group">
  35.                                 <span class="hide-error">{{ form_label(form.email) }}</span>
  36.                                 {{ form_widget(form.email, { 'attr': {'class': 'form-control'} }) }}
  37.                                 {{ form_errors(form.email) }}
  38.                             </div>
  39.                             <div class="form-group">
  40.                                 <span class="hide-error">{{ form_label(form.subject) }}</span>
  41.                                 {{ form_widget(form.subject, { 'attr': {'class': 'form-control'} }) }}
  42.                                 {{ form_errors(form.subject) }}
  43.                             </div>
  44.                             <div class="form-group">
  45.                                 <span class="hide-error">{{ form_label(form.message) }}</span>
  46.                                 {{ form_widget(form.message, { 'attr': {'class': 'form-control form-control-msg form-control-msg-contact'} }) }}
  47.                                 {{ form_errors(form.message) }}
  48.                             </div>
  49.                         </div>
  50.                     </div>
  51.                     <div class="form-block-wrapper text-center">
  52.                         <button
  53.                                 class="btn btn-primary mt-4 g-recaptcha"
  54.                                 data-sitekey="6LeZVT8lAAAAAKvTtupXCDjoW1-EIfL828khi6pK"
  55.                                 data-callback='onSubmit'
  56.                                 data-action='submit'>Nous contacter
  57.                         </button>
  58.                         <p class="mt-3 text-center">*Champs obligatoires</p>
  59.                     </div>
  60.                 </div>
  61.             {{ form_end(form) }}
  62.         </div>
  63.     </div>
  64. {% endblock %}
  65. {% block javascripts %}
  66.     {{ parent() }}
  67.     <script src="https://www.google.com/recaptcha/api.js"></script>
  68.     <script>
  69.         function onSubmit(token) {
  70.             document.getElementById("form-contact").submit();
  71.         }
  72.     </script>
  73. {% endblock %}