templates/common/components/contact_form.html.twig line 1

Open in your IDE?
  1. {% import 'common/macros/elements.html.twig' as elements %}
  2. {% import 'common/macros/forms.html.twig' as forms %}
  3. {% import 'common/macros/svg.html.twig' as svg %}
  5. {% set lang = app.session.get('locale')|default('en') %}
  6. {% set formLang = lang == 'hu' ? 'hu-HU' : 'en-US' %}
  7. {% set contactForm = getMessageForm(location ?? null).createView() %}
  9. <section class="contact-form-section section {{ theme|default('dark') }}" id="get_in_touch">
  10.     <div class="overlay">
  11.         {{ svg.footer_icf }}
  12.     </div>
  14.     <div class="form-wrapper">
  15.         <div class="section-header">
  16.             {{ elements.heading('common.contact'|trans|upper, 4, 'section-category') }}
  17.             {% if location is not defined %}
  18.                 {{ elements.heading(
  19.                     'contact_form.we_d_love_to_hear'|trans ~
  20.                     '<br/>' ~
  21.                     'contact_form.from_you'|trans,
  22.                     2,
  23.                     'section-title'
  24.                 ) }}
  25.             {% else %}
  26.                 {{ elements.heading(
  27.                     'contact_form.get_in_touch'|trans ~
  28.                     (lang == 'en' ? ' ' ~ location.getCity() : ''),
  29.                 2,
  30.                 'section-title'
  31.                 ) }}
  32.             {% endif %}
  33.         </div>
  35.         <div class="contact-form">
  36.             <div role="form" lang="{{ formLang }}" dir="ltr">
  37.                 {{ form_start(contactForm, {'attr': {'novalidate': 'novalidate'}}) }}
  38.                 {{ form_widget(contactForm._token) }}
  40.                 {{ form_errors(contactForm) }}
  42.                 <div class="form-elements">
  43.                     <div class="styled-select" style="{{ location is not defined ? '' : 'display:none' }}">
  44.                         {{ form_widget(
  45.                             contactForm.type,
  46.                             {
  47.                                 'id': 'contact_type',
  48.                                 'value':
  49.                                 (location is not defined or (location|lower == 'amsterdam')) and defaultInquiry is not defined
  50.                                 ? 'customer_service'
  51.                                 : 'general_inquiry',
  52.                                 'attr': {
  53.                                 'placeholder': 'contact_form.your_name'|trans
  54.                             }
  55.                             }
  56.                         ) }}
  57.                     </div>
  59.                     {{ form_errors(contactForm.type) }}
  61.                     <p>{{ form_widget(contactForm.name, {'attr': {'placeholder': 'contact_form.your_name'|trans}}) }}</p>
  63.                     {{ form_errors(contactForm.name) }}
  65.                     <p>{{ form_widget(contactForm.phoneNumber, {'attr': {'placeholder': 'contact_form.phone_number'|trans}}) }}</p>
  67.                     {{ form_errors(contactForm.phoneNumber) }}
  69.                     <p>{{ form_widget(contactForm.email, {'attr': {'placeholder': 'contact_form.email'|trans}}) }}</p>
  71.                     {{ form_errors(contactForm.email) }}
  73.                     <p>{{ form_widget(contactForm.message, {'attr': {'placeholder': 'contact_form.message'|trans}}) }}</p>
  75.                     {{ form_errors(contactForm.message) }}
  77.                     <div class="styled-checkbox">
  78.                         <span class="form-control-wrap checkbox">
  79.                             <span class="item">
  80.                                 <label>
  81.                                 {{ form_widget(contactForm.privacyPolicyAccepted) }}
  82.                                     <span class="label">
  83.                                         <span>
  84.                                             {{- 'contact_form.accept_terms_text_prefix'|trans -}}
  85.                                             <a href="{{ path('privacy_policy_index') }}" target="_blank">
  86.                                                 {{- 'contact_form.accept_terms_text_suffix'|trans -}}
  87.                                             </a>
  88.                                         </span>
  89.                                     </span>
  90.                                 </label>
  91.                             </span>
  92.                         </span>
  93.                     </div>
  95.                     {{ form_errors(contactForm.privacyPolicyAccepted) }}
  97.                     <input type="hidden" name="g-recaptcha-response">
  98.                     <input type="hidden" name="email_repeat">
  99.                     <input type="hidden" name="form_rendered_at" value="{{ 'now'|date('U') }}">
  102.                     <p>{{ form_widget(contactForm.send, {
  103.                         'label': 'common.send'|trans|upper,
  104.                         'attr': {
  105.                           'class': 'btn cta-secondary g-recaptcha',
  106.                           'data-sitekey': google_captcha_site_key,
  107.                           'data-callback': 'onRecaptchaSubmit',
  108.                           'data-action': 'submit'
  109.                         }})
  110.                       }}</p>
  111.                 </div>
  113.                 {{ form_end(contactForm) }}
  115.                 <a
  116.                     class="btn cta-primary customer-service-button"
  117.                     href="https://www.echst.net/?utm_source=icftechnology.com&utm_medium=banner&utm_campaign=icf_redirect"
  118.                     target="_blank"
  119.                 >
  120.                     {{ 'common.customer_service_btn'|trans }}
  121.                 </a>
  122.             </div>
  123.         </div>
  124.     </div>
  125. </section>