templates/segments/newsletter.html.twig line 1

Open in your IDE?
  1. {%  if editmode %}
  2.     {% do pimcore_head_link().appendStylesheet(asset('static/css/index.css')) %}
  3.     {{ pimcore_head_link() }}
  4. {% endif %}
  6. {% if not isMobile|default() %}
  7.     <script src="https://www.google.com/recaptcha/api.js?render={{ google_captcha_v3_site_key }}"></script>
  8.     <script>
  9.         function getReCaptcha() {
  10.             grecaptcha.ready(function() {
  11.                 document.querySelectorAll('.newsletter-input-wrapper').forEach(function(wrapper) {
  12.                     wrapper.addEventListener("submit", function(event) {
  13.                         event.preventDefault();
  14.                         grecaptcha.execute('{{ google_captcha_v3_site_key }}', { action: 'submit' }).then(function(token) {
  15.                             wrapper.querySelectorAll(".newsletter-g-recaptcha-response").forEach(function(elem, index) {
  16.                                 elem.value = token;
  17.                             })
  18.                         });
  19.                     });
  20.                     grecaptcha.execute('{{ google_captcha_v3_site_key }}', { action: 'submit' }).then(function(token) {
  21.                         wrapper.querySelectorAll(".newsletter-g-recaptcha-response").forEach(function(elem, index) {
  22.                             elem.value = token;
  23.                         })
  24.                     });
  25.                 });
  26.             });
  27.         }
  28.         getReCaptcha();
  29.     </script>
  30. {% endif %}
  32. {{ form_start(form, { attr: { 'novalidate': 'novalidate', 'class': 'newsletter-input-wrapper', 'data-generic-error-message': 'newsletter.generic_email_message'|trans }}) }}
  33.     <div class="position-relative">
  34.         {{ form_widget(form.email) }}
  35.         {{ form_label(form.email, null, {'label_attr': { 'class': 'form__label', 'style': 'top: 50%; transform: translateY(-50%)' }}) }}
  36.         <div class="newsletter-input-wrapper_error-box" data-error-message='["{{ "newsletter.email.required"|trans }}", "{{ "newsletter.email.valid"|trans }}", "{{ "newsletter.email.max"|trans }}"]'>{{ form_errors(form.email) }}{% if error is defined %}{{ error }}{% endif %}</div>
  37.     
  38.         {% if fixedVersion is defined and fixedVersion %}
  39.             {{ form_widget(form.submit, {'attr': { 'class': 'btn btn-secondary' }}) }}
  40.         {% endif %}
  41.     </div>
  42.     <div class="position-relative d-flex align-items-flex-start my-2">
  43.             {{ form_widget(form.privacyConsent) }}
  45.             {{ form_label( form.privacyConsent, null, {'label_attr': { 'class': 'position-relative w-100 ml-2' }, 'label_html': true }) | raw }}
  47.         <div class="newsletter-input-wrapper_error-box form__error--checkbox checkbox-error" data-error-message="{{ "meddox.contact_us.checkbox.empty"|trans }}">{{ form_errors(form.privacyConsent) }}</div>
  48.     </div>
  50.     {% if fixedVersion is not defined or not fixedVersion %}
  51.         <div class="button-wrapper">
  52.             {{ form_widget(form.submit, {'attr': { 'class': 'btn btn-secondary' }}) }}
  53.         </div>
  54.     {% endif %}
  56.     <input type="hidden" id="newsletter-g-recaptcha-response" class="newsletter-g-recaptcha-response" name="newsletter-g-recaptcha-response">
  57. {{ form_end(form) }}