templates/home/contact.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <section id="contact" class="container main-wrapper mb-5">
  5.         <h1 class="text-center mb-2">Contact</h1>
  6.         <p class="subtitle text-center mb-4">Complétez les informations ci-dessous pour nous contacter uniquement dans le cadre de l'opération.</p>
  8.         {% include 'common/_message_success.html.twig' %}
  9.         {% include 'common/_message_errors.html.twig' %}
  11.         {{ form_start(form, { 'attr': {'novalidate': 'novalidate', 'class': 'form-wrapper disable-btn'} }) }}
  12.             <div class="form-block-wrapper">
  13.                 <div class="radio-group form-group">
  14.                     <span class="label float-start">Civilité*</span>
  15.                     <div class="radios-wrapper float-start">{{ form_widget(form.civility) }}</div>
  16.                     <div class="error-form error-form-civility"></div>
  17.                 </div>
  18.                 
  19.                 <div class="row">
  20.                     <div class="form-group col-md-6">
  21.                         <div class="form-input-wrap">
  22.                             {{ form_label(form.lastname, 'Nom*', {'label_attr': {'class': 'form-label'}}) }}
  23.                             {{ form_widget(form.lastname, {'attr': {'class': 'form-control required', 'placeholder': ''}}) }}
  24.                             <div class="error-form error-form-lastname"></div>
  25.                         </div>
  26.                     </div>
  27.                     <div class="form-group col-md-6">
  28.                         <div class="form-input-wrap">
  29.                             {{ form_label(form.firstname, 'Prénom*', {'label_attr': {'class': 'form-label'}}) }}
  30.                             {{ form_widget(form.firstname, {'attr': {'class': 'form-control required', 'placeholder': ''}}) }}
  31.                             <div class="error-form error-form-firstname"></div>
  32.                         </div>
  33.                     </div>
  34.                 </div>
  36.                 <div class="row">
  37.                     <div class="form-group col-md-6">
  38.                         <div class="form-input-wrap">
  39.                             {{ form_label(form.email, 'Adresse e-mail*', {'label_attr': {'class': 'form-label'}}) }}
  40.                             {{ form_widget(form.email, {'attr': {'class': 'form-control required', 'placeholder': ''}}) }}
  41.                             <div class="error-form error-form-email"></div>
  42.                         </div>
  43.                     </div>
  44.                     <div class="form-group col-md-6">
  45.                         <div class="form-input-wrap">
  46.                             {{ form_label(form.reference, 'Référence de participation', {'label_attr': {'class': 'form-label'}}) }}
  47.                             {{ form_widget(form.reference, {'attr': {'class': 'form-control', 'placeholder': ''}}) }}
  48.                             <div class="error-form error-form-reference"></div>
  49.                         </div>
  50.                     </div>
  51.                 </div>
  53.                 <div class="row">
  54.                     <div class="form-group col-md-12">
  55.                         <div class="form-input-wrap">
  56.                             {{ form_label(form.title, 'Objet*', {'label_attr': {'class': 'form-label'}}) }}
  57.                             {{ form_widget(form.title, {'attr': {'class': 'form-control required', 'placeholder': ''}}) }}
  58.                             <div class="error-form error-form-title"></div>
  59.                         </div>
  60.                     </div>
  61.                 </div>
  63.                 <div class="row">
  64.                     <div class="form-group col-md-12">
  65.                         <div class="form-input-wrap">
  66.                             {{ form_label(form.message, 'Message*', {'label_attr': {'class': 'form-label'}}) }}
  67.                             {{ form_widget(form.message, {'attr': {'class': 'form-control required', 'placeholder': ''}}) }}
  68.                             <div class="error-form error-form-message"></div>
  69.                         </div>
  70.                     </div>
  71.                 </div>
  72.             </div>
  74.             <div class="form-block-wrapper">
  75.                 <p class="mb-3 mt-3 text-center">
  76.                     <small>* Champs obligatoires</small>
  77.                 </p>
  78.                 
  79.                 <div class="btn-wrapper text-center">
  80.                     <input id="sendForm" type="submit" class="btn btn-primary" value="Valider"/>
  81.                 </div> 
  82.             </div>
  84.             {% include 'common/_spinner.html.twig' %}
  85.         {{ form_end(form) }}
  86.     </section>
  88.     <div class="form-action" data-action="{{ formAction }}"></div>
  90.     {% block javascripts %}
  91.         {{ encore_entry_script_tags('js/participation_form') }}
  92.     {% endblock %}
  93. {% endblock %}