{% extends '@SyliusShop/layout.html.twig' %}
{% form_theme form '@SyliusShop/Form/theme.html.twig' %}
{% block title %}{{ 'sylius.ui.contact_us'|trans }} | {{ parent() }}{% endblock %}
{% block content %}
<div class="ui breadcrumb">
<a href="{{ path('sylius_shop_homepage') }}" class="section">{{ 'sylius.ui.home'|trans }}</a>
<div class="divider"> / </div>
<a href="{{ path('sylius_shop_contact_request') }}" class="section">Contact</a>
</div>
<div class="ui hidden divider"></div>
<div class="ui two column centered stackable grid">
<div class="column">
{{ form_start(form, {'action': path('sylius_shop_contact_request'), 'attr': {'class': 'ui large loadable form formContact', 'novalidate': 'novalidate'}}) }}
<h2 class="ui header">Coordonnées</h2>
<div class="ui equal width grid">
<div class="row">
<div class="column">
{{ form_widget(form.requesterName, sylius_test_form_attribute('contact-name')) }}
</div>
<div class="column">
{{ form_widget(form.requesterCompany, sylius_test_form_attribute('contact-company')) }}
</div>
</div>
</div>
<div class="ui equal width grid">
<div class="row">
<div class="column">
{{ form_widget(form.requesterAddress, sylius_test_form_attribute('contact-address')) }}
</div>
</div>
</div>
<div class="ui equal width grid">
<div class="row">
<div class="column">
{{ form_widget(form.requesterEmail, sylius_test_form_attribute('contact-email')) }}
</div>
<div class="column">
{{ form_widget(form.requesterPhone, sylius_test_form_attribute('contact-phone')) }}
</div>
</div>
</div>
<h2 class="ui header">Votre demande</h2>
<div class="ui equal width grid">
<div class="row">
<div class="column">
{{ form_widget(form.reference, sylius_test_form_attribute('contact-reference')) }}
</div>
</div>
</div>
<div class="ui equal width grid">
<div class="row">
<div class="column">
{{ form_widget(form.subject, sylius_test_form_attribute('contact-request-type')) }}
</div>
</div>
</div>
<div class="ui equal width grid">
<div class="row">
<div class="column">
{{ form_widget(form.message, sylius_test_form_attribute('contact-message')) }}
</div>
</div>
</div>
<div class="ui equal width grid">
<div class="row">
<div class="column" style="display: flex">
<div class="required field">
<div class="ui toggle checkbox">
{{ form_widget(form.acceptTerms, sylius_test_form_attribute('contact-accept-terms')) }}
<label class="required" for="sylius_contact_acceptTerms">En cochant cette case, je reconnais avoir pris connaissance de
<a href="{{ path('monsieurbiz_cms_page_show', {'slug': 'politique-de-protection-des-donnees-personnelles'}) }}">la politique de protection des données personnelles</a>
</label>
</div>
</div>
</div>
</div>
</div>
{{ sylius_template_event('sylius.shop.contact.request.form', {'form': form}) }}
<div class="ui equal width grid">
<div class="row">
<div class="column">
{{ form_widget(form.recaptcha, { 'attr': {
'options' : {
'theme': 'light',
'type': 'image',
'size': 'normal'
},
} }) }}
</div>
</div>
</div>
<div class="ui equal width grid">
{{ form_widget(form._token) }}
<div class="row">
<div class="column">
<button type="submit" class="ui fluid large primary submit button" {{ sylius_test_html_attribute('send-button') }}>{{ 'sylius.ui.send'|trans }}</button>
</div>
</div>
</div>
{{ form_end(form, {'render_rest': false}) }}
</div>
</div>
{% endblock %}