templates/snippets/contact.html.twig line 1

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