{% extends '@SyliusShop/layout.html.twig' %}
{% form_theme form with ['@SyliusShop/Form/theme.html.twig', 'Context/Shop/Form/checkbox.html.twig'] %}
{% block title %}{{ 'sylius.ui.contact_us'|trans }} | {{ parent() }}{% endblock %}
{% block content %}
<div class="ui hidden divider"></div>
{{ form_start(form, {
'action': path('sylius_shop_contact_request', {'company': 'company'|trans}),
'attr': {'class': 'ui form hyfindr-form', 'novalidate': 'novalidate'}})
}}
{{ form_errors(form) }}
<div class="text-4xl">{{ 'app.ui.contact.send_hyfindr_message'|trans }}</div>
<div class="ui divider"></div>
<div class="ui two column stackable grid">
<div class="column">
<div class="two fields">
{{ form_row(form.firstName, {'label' : 'sylius.form.customer.first_name', 'attr' : {'placeholder': 'sylius.form.customer.first_name'}}) }}
{{ form_row(form.lastName, {'label' : 'sylius.form.customer.last_name', 'attr' : {'placeholder': 'sylius.form.customer.last_name'}}) }}
</div>
{{ form_row(form.companyName, {'label' : 'app.ui.form.legal_name_of_company', 'attr' : {'placeholder': 'app.ui.form.placeholders.company'}}) }}
{{ form_row(form.country, {'label' : 'sylius.form.address.country'}) }}
{{ form_row(form.email, {'label' : 'sylius.form.customer.email', 'attr' : {'placeholder': 'app.ui.form.placeholders.email'}}) }}
{{ form_row(form.phoneNumber, {'label' : 'sylius.form.address.phone_number', 'attr' : {'placeholder': 'app.ui.form.placeholders.phone_number'}}) }}
</div>
<div class="column">
<div class="contact-textarea-field">
{{ form_row(form.message, {'label' : 'app.ui.form.message'}) }}
</div>
<div class="field terms-field">
<div class="ui">
<label for="contact_agreement">
{{ form_row(form.agreement, {'label' : false}) }}
{{ 'app.ui.form.privacy_policy_and_terms'|trans({
'%privacy_link%': hyf_get_url_for_code_with_suffix('privacy_policy', 'legal'),
'%terms_link%': hyf_get_url_for_code_with_suffix('general_terms', 'legal')
})|raw }}
</label>
</div>
</div>
<div class="field terms-field">
<label class="recaptcha-label">
{{ 'app.ui.newsletter_page.this_site_is_protected'|trans|raw }}
</label>
</div>
</div>
<button class="hyfindr btn btn--primary contact-submit-button">{{ 'app.ui.form.send'|trans }}</button>
</div>
{{ include('Context/Common/ReCaptcha/_field.html.twig') }}
{{ form_row(form._token) }}
{{ form_end(form, {'render_rest': false}) }}
<div class="text-4xl appointment-header">{{ 'app.ui.contact.schedule_an_appointment'|trans }}</div>
<div class="ui divider"></div>
<div class="section-container contact-section meeting-slot">
<div class="split-sections">
<a href="https://outlook.office365.com/book/HyfindrMeeting@hyfindr.com/" target="_blank" class="hyfindr btn btn--primary">{{ 'app.ui.contact.choose_a_meeting_slot'|trans }}</a>
<div class="text-part text-lg">{{ 'app.ui.contact.having_good_conversations'|trans }}</div>
</div>
</div>
<div class="contact_faq">
{{ render(path('bitbag_sylius_cms_plugin_shop_block_index_by_section_code', {'sectionCode' : 'contact_faq', 'template' : '@SyliusShop/Contact/faq.html.twig'})) }}
</div>
{% include '@SyliusShop/Common/Sections/digitalEcosystem.html.twig' %}
{% endblock %}