templates/snippets/modal-form-case-study.html.twig line 1

Open in your IDE?
  2. {% extends "layout-snippets.html.twig" %}
  4. {% block snippets %}
  6.     {% if editmode %}
  7.         <h2 class="uk-modal-title">{{ pimcore_textarea("content-title", {"nl2br" : true})|raw }}</h2>
  8.     {% endif %}
  10.     <div id="casestudy" uk-modal>
  11.         <div class="uk-modal-dialog uk-modal-body">
  13.             {% if not editmode %}
  14.                 <h2 class="uk-modal-title">{{ pimcore_textarea("content-title", {"nl2br" : true})|raw }}</h2>
  15.             {% endif %}
  16.             
  17.             <div class="apk-contact-snippets-container">
  19.                 {% if formStatus == "required-empty" %}
  20.                 
  21.                 <div class="uk-alert-danger" uk-alert>
  22.                 <a class="uk-alert-close" uk-close></a>
  23.                 <p>{{ "Please fill in all required fields. (*)"|trans }}</p>
  24.                 </div>
  26.                 {% elseif formStatus == "invalid-email" %}
  28.                 <div class="uk-alert-danger" uk-alert>
  29.                 <a class="uk-alert-close" uk-close></a>
  30.                 <p>{{ "Your email address is invalid. Please try again."|trans }}</p>
  31.                 </div>
  33.                 {% elseif formStatus == "robot" %}
  35.                 <div class="uk-alert-danger" uk-alert>
  36.                 <a class="uk-alert-close" uk-close></a>
  37.                 <p>{{ "A Recaptcha error occurred. Please try again."|trans }}</p>
  38.                 </div>
  40.                 {% endif %}
  42.                 {% if formStatus != "success" %}
  44.                     {{ form_start(form, {'action': '#casestudy', 'method': 'POST'}) }}
  45.                     <div uk-grid>
  46.                         <div class="uk-width-1-2@s uk-margin-small-top">
  47.                             {{ form_row(form.lastname, { 'attr': {'class' : 'uk-input'}}) }}
  48.                         </div>
  49.                         <div class="uk-width-1-2@s uk-margin-small-top">
  50.                             {{ form_row(form.firstname, { 'attr': {'class' : 'uk-input'}}) }}
  51.                         </div>
  52.                         <div class="uk-width-1-1 uk-margin-small-top">
  53.                             {{ form_row(form.email, { 'attr': {'class' : 'uk-input'}}) }}
  54.                         </div>
  55.                         <div class="uk-width-1-1 apk-conscent uk-margin-top">
  56.                             <div class="uk-grid-small" uk-grid>
  57.                                 <div class="uk-width-auto">{{ form_widget(form.gdpr, { 'attr': {'class' : 'uk-checkbox'}}) }}</div>
  58.                                 <div class="uk-width-expand"><label id="case_study_form_gdpr_label" for="case_study_form_gdpr">{{ "contact.conscent"|trans }}*</label></div>
  59.                             </div>
  60.                         </div>
  62.                         {{ form_widget(form.recaptcha) }}
  64.                         <div class="uk-width-1-1 uk-margin-top uk-text-right">
  65.                             {{ form_widget(form.submit) }}
  66.                         </div>
  67.                     </div>
  68.                     {{ form_end(form) }}
  70.                 {% else %}
  72.                     <div class="uk-alert-success" uk-alert>
  73.                         <a class="uk-alert-close" uk-close></a>
  74.                         <p>{{ "Thank you for registering. We have sent you the link to the PDF by e-mail."|trans }}</p>
  75.                     </div>
  77.                 {% endif %}
  79.             </div>
  81.         </div>
  82.     </div>
  84.     {% set recaptchaKeyPublic = pimcore_website_config('recaptchaKeyPublic') %}
  86.     <script src="https://www.google.com/recaptcha/api.js?onload=onloadRecaptchaCallback&render={{ recaptchaKeyPublic }}"></script>
  88.     <script>
  89.         function onloadRecaptchaCallback(){
  90.             grecaptcha.ready(function() {
  91.                 grecaptcha.execute('{{ recaptchaKeyPublic }}', {action: 'casestudy'}).then(function(token) {
  92.                 //alert('recaptcha is loaded');
  93.                 var recaptcha = document.getElementById('case_study_form_recaptcha');
  94.                 recaptcha.value = token;
  95.                 });
  96.             });
  97.         }
  99.         document.addEventListener("DOMContentLoaded", function () {
  100.             var formStatus = "{{ formStatus|e('js') }}";
  101.             if (formStatus === "success") {
  102.                 var modal = document.getElementById("casestudy");
  103.                 if (modal) {
  104.                     UIkit.modal(modal).show();
  105.                 }
  106.             }
  107.         });
  108.     </script>
  110. {% endblock snippets %}
  112.