{% form_theme form with ['@SyliusShop/Form/theme.html.twig', 'Context/Shop/Form/checkbox.html.twig'] %}
<div class="newsletter-form-wrapper">
{{ form_start(form, {
'action': path('app_newsletter'),
'attr': {'class': 'ui form hyfindr-form ', 'novalidate': 'novalidate', 'data-redirect': path('app_newsletter')},
}) }}
<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>
<div class="required field">
{{ form_row(form.email, {'label' : 'sylius.form.customer.email', 'attr' : {'placeholder': 'app.ui.form.placeholders.email'}}) }}
</div>
<div class="required field">
{{ form_row(form.companyName, {'label' : 'app.ui.form.legal_name_of_company', 'attr' : {'placeholder': 'app.ui.form.placeholders.company'}}) }}
</div>
</div>
<div class="column">
<div class="newsletter-form-texts">
<div>
{{ 'app.ui.newsletter_page.i_would_like_to_join'|trans }}
</div>
<ul>
<li>{{ 'app.ui.newsletter_page.regular_updated_on_the_products'|trans }}</li>
<li>{{ 'app.ui.newsletter_page.we_dont_spam'|trans }}</li>
<li>{{ 'app.ui.newsletter_page.it_is_for_free'|trans }}</li>
</ul>
</div>
<div class="field terms-field">
<div class="ui">
<label>
{{ form_row(form.agreement, {'label' : false}) }}
{{ 'app.ui.form.privacy_policy'|trans({'%privacy_link%': hyf_get_url_for_code_with_suffix('privacy_policy', '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>
</div>
<button type="submit" class="hyfindr btn btn--primary newsletter-submit-button">{{ 'app.ui.newsletter_page.subscribe'|trans }}</button>
{{ include('Context/Common/ReCaptcha/_field.html.twig') }}
{{ form_row(form._token) }}
{{ form_end(form, {'render_rest': false}) }}
</div>