templates/segments/contact-us.html.twig line 1

Open in your IDE?
  1. <div id="contactUs">
  2.     {%  if editmode %}
  3.         {% do pimcore_head_link().appendStylesheet(asset('static/css/index.css')) %}
  4.         {{ pimcore_head_link() }}
  5.     {% endif %}
  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('.form--contact').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(".contact-us-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(".contact-us-g-recaptcha-response").forEach(function(elem, index) {
  22.                                 elem.value = token;
  23.                             })
  24.                         });
  25.                     });
  26.                 });
  27.             }
  28.             getReCaptcha();
  29.         </script>
  31.     {{ form_start(form, { attr: { 'novalidate': 'novalidate', 'class': 'form form--contact'}} ) }}
  32.     <div class="form__group form__group--name">
  33.         {{ form_widget(form.name, {'attr': { 'class': 'form__input' }}) }}
  34.         {{ form_label(form.name, null, {'label_attr': { 'class': 'form__label' }}) }}
  35.         <div class="form__error form__error--name" data-error-message="{{ "contact-us.name.max"|trans }}">{{ form_errors(form.name) }}</div>
  36.     </div>
  38.     <div class="form__group">
  39.         {{ form_widget(form.email, {'attr': { 'class': 'form__input' }}) }}
  40.         {{ form_label(form.email, null, {'label_attr': { 'class': 'form__label' }}) }}
  41.         <div class="form__error form__error--email" data-error-message='["{{ "contact-us.email.required"|trans }}", "{{ "contact-us.email.valid"|trans }}"]'>{{ form_errors(form.email) }}</div>
  42.     </div>
  44.     <div class="form__group form__group--message">
  45.         {{ form_widget(form.message, {'attr': { 'rows': 4, 'class': 'form__textarea' }}) }}
  46.         {{ form_label(form.message, null, {'label_attr': { 'class': 'form__label' }}) }}
  47.         <div class="form__error form__error--message" data-error-message="{{ "meddox.message.message.blank"|trans }}">{{ form_errors(form.message) }}</div>
  48.     </div>
  50.     <div class="form__group form__group--inline">
  51.         {{ form_label( form.privacyConsent, null, {'label_attr': { 'class': 'form__label' }, 'label_html': true }) | raw }}
  52.         {{ form_widget(form.privacyConsent, {'attr': { 'class': 'form__checkbox' }}) }}
  53.         <div class="form__error form__error--checkbox" data-error-message="{{ "meddox.contact_us.checkbox.empty"|trans }}">{{ form_errors(form.privacyConsent) }}</div>
  54.     </div>
  56.     <div class="form__group form__group--inline form__group--invisible d-none">
  57.         {{ form_label(form.promotiveMaterialConsent, null, {'label_attr': { 'class': 'form__label' }, 'label_html': true }) | raw }}
  58.         {{ form_widget(form.promotiveMaterialConsent, {'attr': { 'class': 'form__checkbox' }}) }}
  59.         <div class="form__error form__error--checkbox" data-error-message="{{ "meddox.contact_us.checkbox.empty"|trans }}">{{ form_errors(form.promotiveMaterialConsent) }}</div>
  60.     </div>
  62.     <input type="hidden" id="contact-us-g-recaptcha-response" class="contact-us-g-recaptcha-response" name="contact-us-g-recaptcha-response">
  64.     <div class="form__group form__group--submit">
  65.         {{ form_widget(form.submit, {'attr': { 'class': 'btn btn-secondary align-self-end' }}) }}
  66.         <div class="form__error">{% if error is defined %}{{ error }}{% endif %}</div>
  67.     </div>
  68.     {{ form_end(form) }}
  69. </div>