templates/rdv-gratuit/default.html.twig line 1

Open in your IDE?
  1. {% extends "layout.html.twig" %}
  2. {% block content %}
  4. <!-- #main -->
  5. <main id="main" role="main">
  7.     {{ pimcore_areablock('contentTop') }}
  9.     <section id="rdvgratuit">
  10.     
  11.         <div class="uk-container apk-container-1400">
  12.             <div class="apk-contact-container">
  13.                 <div class="uk-container apk-container-1000">
  14.                     <h2 class="uk-text-center">{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h2>
  15.                     
  16.                     <div>
  18.                     {% if formStatus == "required-empty" %}
  20.                     <div id="required-empty" uk-modal>
  21.                         <div class="uk-modal-dialog uk-modal-body">
  22.                             <p>{{ "Veuillez remplir tout les champs requis. (*)"|trans }}</p>
  23.                             <button class="uk-modal-close uk-button" type="button">{{ 'Close' |trans }}</button>
  24.                         </div>
  25.                     </div>
  27.                     {% elseif formStatus == "invalid-email" %}
  29.                     <div id="invalid-email" uk-modal>
  30.                         <div class="uk-modal-dialog uk-modal-body">
  31.                             <p>{{ "Votre adresse email est invalide. Merci de recommencer."|trans }}</p>
  32.                             <button class="uk-modal-close uk-button" type="button">{{ 'Close' |trans }}</button>
  33.                         </div>
  34.                     </div>
  36.                     {% elseif formStatus == "robot" %}
  38.                     <div id="robot" uk-modal>
  39.                         <div class="uk-modal-dialog uk-modal-body">
  40.                             <p>{{ "Une erreur Recaptcha est survenue. Merci de recommencer."|trans }}</p>
  41.                             <button class="uk-modal-close uk-button" type="button">{{ 'Close' |trans }}</button>
  42.                         </div>
  43.                     </div>
  45.                     {% endif %}
  47.                     {% if formStatus != "success" %}
  49.                     {{ form_start(form, {'action': '#rdvgratuit', 'method': 'POST'}) }}
  50.                     <div uk-grid>
  51.                         <div class="uk-width-1-2@s uk-margin-small-top">
  52.                             {{ form_row(form.lastname, { 'attr': {'class' : 'uk-input'}}) }}
  53.                         </div>
  54.                         <div class="uk-width-1-2@s uk-margin-small-top">
  55.                             {{ form_row(form.firstname, { 'attr': {'class' : 'uk-input'}}) }}
  56.                         </div>
  57.                         <div class="uk-width-1-2@s uk-margin-top">
  58.                             {{ form_row(form.email, { 'attr': {'class' : 'uk-input'}}) }}
  59.                         </div>
  60.                         <div class="uk-width-1-2@s uk-margin-top">
  61.                             {{ form_row(form.phone, { 'attr': {'class' : 'uk-input'}}) }}
  62.                         </div>
  64.                         <div class="uk-width-1-1 uk-margin-top">
  65.                             {{ form_row(form.message, { 'attr': {'class' : 'uk-textarea'}}) }}
  66.                         </div>
  67.                         <div class="uk-width-1-1 apk-conscent uk-margin-top">
  68.                             <div class="uk-grid-small" uk-grid>
  69.                                 <div class="uk-width-auto">{{ form_widget(form.gdpr, { 'attr': {'class' : 'uk-checkbox'}}) }}</div>
  70.                                 <div class="uk-width-expand"><label id="rdv_gratuit_form_gdpr_label" for="rdv_gratuit_form_gdpr">{{ "contact.conscent"|trans }}</label></div>
  71.                             </div>
  72.                         </div>
  73.                         {{ form_widget(form.recaptcha) }}
  74.                         <div class="uk-width-1-1 uk-margin-small-top">
  75.                             <div class="uk-margin-top">
  76.                                 {{ form_widget(form.submit) }}
  77.                             </div>
  78.                         </div>
  79.                     </div>
  80.                     {{ form_end(form) }}
  82.                     {% else %}
  84.                     <div class="uk-alert-success" uk-alert>
  85.                         <a class="uk-alert-close" uk-close></a>
  86.                         <p>{{ "Message envoyé. Nous vous recontacterons dans les plus brefs délais."|trans }}</p>
  87.                     </div>
  89.                     <div id="success" uk-modal>
  90.                         <div class="uk-modal-dialog uk-modal-body uk-text-center">
  91.                             <h2>{{ "Message envoyé."|trans}}</h2>
  92.                             <p>{{ "Nous vous recontacterons dans les plus brefs délais."|trans }}</p>
  93.                             <button class="uk-modal-close uk-button" type="button" id="btn-success">{{ 'Fermer'|trans }}</button>
  94.                         </div>
  95.                     </div>
  97.                     {% endif %}
  99.                     </div>
  100.                 
  101.                 </div>
  102.             </div>
  103.         </div>
  104.         
  105.     </section>
  108.     {{ pimcore_areablock('contentBottom') }}
  110. </main>
  112. {% set recaptchaKeyPublic = pimcore_website_config('recaptchaKeyPublic') %}
  113. {% do pimcore_head_script().appendFile(asset('/static/js/recaptcha.js'), 'text/javascript', {'async' : null}) %}
  114. {% do pimcore_head_script().appendFile('https://www.google.com/recaptcha/api.js?onload=onloadRecaptchaCallback&render=' ~ recaptchaKeyPublic, 'text/javascript', {'async' : null}) %}
  116. {% endblock %}