templates/contact/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.     <div class="apk-page-contact">
  10.         <div class="uk-container apk-container-800">
  12.             <div class="apk-contact-container">
  13.                 
  15.                 {# editmode pour le titre #}
  16.                 {% if editmode %}
  17.                 <p>
  18.                     {{ pimcore_textarea("infos-text",{
  19.                         "nl2br" : true,
  20.                         "placeholder" : 'Texte de la section infos'
  21.                     }) }}
  22.                 </p>   
  23.                 {% else %}
  25.                 <div>
  26.                     <h5>{{ pimcore_textarea("infos-text",{"nl2br" : true}) }}</h5>
  27.                 </div>
  29.                 {% endif %}
  30.                 
  31.                 <div>
  32.                     <div class="apk-contact-snippets-container">
  34.                         {% if formStatus == "required-empty" %}
  35.                         
  36.                         <div class="uk-alert-danger" uk-alert>
  37.                         <a class="uk-alert-close" uk-close></a>
  38.                         <p>{{ "Veuillez remplir tout les champs requis. (*)"|trans }}</p>
  39.                         </div>
  41.                         {% elseif formStatus == "invalid-email" %}
  43.                         <div class="uk-alert-danger" uk-alert>
  44.                         <a class="uk-alert-close" uk-close></a>
  45.                         <p>{{ "Votre adresse email est invalide. Merci de recommencer."|trans }}</p>
  46.                         </div>
  48.                         {% elseif formStatus == "robot" %}
  50.                         <div class="uk-alert-danger" uk-alert>
  51.                         <a class="uk-alert-close" uk-close></a>
  52.                         <p>{{ "Une erreur Recaptcha est survenue. Merci de recommencer."|trans }}</p>
  53.                         </div>
  55.                         {% endif %}
  57.                         {% if formStatus != "success" %}
  59.                         {{ form_start(form, {'action': '#contact', 'method': 'POST'}) }}
  60.                         <div uk-grid>
  61.                             <div class="uk-width-1-2@s uk-margin-small-top">
  62.                                 {{ form_row(form.lastname, { 'attr': {'class' : 'uk-input'}}) }}
  63.                             </div>
  64.                             <div class="uk-width-1-2@s uk-margin-small-top">
  65.                                 {{ form_row(form.firstname, { 'attr': {'class' : 'uk-input'}}) }}
  66.                             </div>
  67.                             <div class="uk-width-1-2@s uk-margin-top">
  68.                                 {{ form_row(form.email, { 'attr': {'class' : 'uk-input'}}) }}
  69.                             </div>
  70.                             <div class="uk-width-1-2@s uk-margin-top">
  71.                                 {{ form_row(form.phone, { 'attr': {'class' : 'uk-input'}}) }}
  72.                             </div>
  74.                             <div class="uk-width-1-1 uk-margin-top">
  75.                                 {{ form_row(form.message, { 'attr': {'class' : 'uk-textarea'}}) }}
  76.                             </div>
  78.                             <div class="uk-width-1-2@s">
  79.                                 <div class="form-group">
  80.                                     <div class="apk-birthday-date" data-apk-label-day="{{'Jour'|trans}}" data-apk-label-month="{{'Mois'|trans}}" data-apk-label-year="{{'Année'|trans}}">
  81.                                         {{ form_row(form.birthday) }}
  82.                                     </div>
  83.                                 </div>
  84.                             </div>
  86.                             <div class="uk-width-1-1 apk-choix uk-margin-top">
  87.                                 <div>
  88.                                     <div class="apk-sang">
  89.                                         <div class="uk-margin-top">
  90.                                             {{ form_row(form.sang) }}
  91.                                         </div>
  92.                                     </div>
  93.                                 </div>
  94.                                 <div>
  95.                                     <div class="apk-plasma">
  96.                                         <div class="uk-margin-top">
  97.                                             {{ form_row(form.plasma) }}
  98.                                         </div>
  99.                                     </div>
  100.                                 </div>
  101.                             </div>
  103.                             <div class="uk-width-1-1 apk-conscent uk-margin-top">
  104.                                 <div class="uk-grid-small" uk-grid>
  105.                                     <div class="uk-width-auto">{{ form_widget(form.gdpr, { 'attr': {'class' : 'uk-checkbox'}}) }}</div>
  106.                                     <div class="uk-width-expand"><label id="contact_form_gdpr_label" for="contact_form_gdpr">{{ "contact.conscent"|trans }}</label></div>
  107.                                 </div>
  108.                             </div>
  109.                             {{ form_widget(form.recaptcha) }}
  110.                             <div class="uk-width-1-1 uk-margin-small-top">
  111.                                 <div class="uk-margin-top uk-text-right">
  112.                                     {{ form_widget(form.submit) }}
  113.                                 </div>
  114.                             </div>
  115.                         </div>
  116.                         {{ form_end(form) }}
  118.                         {% else %}
  120.                         <div class="uk-alert-success" uk-alert>
  121.                         <a class="uk-alert-close" uk-close></a>
  122.                         <p>{{ "Message envoyé. Nous vous recontacterons dans les plus brefs délais."|trans }}</p>
  123.                         </div>
  125.                         {% endif %}
  127.                     </div>
  128.                 </div>
  130.                 
  131.             </div>
  132.         </div>
  133.     </div>
  135.     {{ pimcore_areablock('contentBottom') }}
  137. </main>
  138. {% endblock %}
  140. {% block inlinescripts %}
  141.         
  142. {% set recaptchaKeyPublic = pimcore_website_config('recaptchaKeyPublic') %}
  144. <script src="https://www.google.com/recaptcha/api.js?onload=onloadRecaptchaCallback&render={{ recaptchaKeyPublic }}"></script>
  146. <script>
  147.     function onloadRecaptchaCallback(){
  148.       grecaptcha.ready(function() {
  149.         grecaptcha.execute('{{ recaptchaKeyPublic }}', {action: 'contact'}).then(function(token) {
  150.           //alert('recaptcha is loaded');
  151.           var recaptcha = document.getElementById('contact_form_recaptcha');
  152.           recaptcha.value = token;
  153.         });
  154.       });
  155.     }
  156. </script>
  158. {% endblock inlinescripts %}