{% extends '@SyliusShop/layout.html.twig' %}

{% form_theme form '@SyliusShop/Form/theme.html.twig' %}

{% block content %}
    <div class="container">
        <div class="contact-container">
            <h1>
                {{ 'sylius.ui.contact_us'|trans }}
                <small class="d-block">{{ 'sylius.ui.use_the_contact_form_below_to_send_us_a_message'|trans }}</small>
            </h1>

            {{ sylius_template_event('sylius.shop.contact.request.after_content_header') }}

            <div class="contact-form">
                {{ form_start(form, {'action': path('sylius_shop_contact_request'), 'attr': {'class': 'ui large loadable form', 'novalidate': 'novalidate'}}) }}
                {{ form_row(form.email, sylius_test_form_attribute('contact-email')) }}
                {{ form_row(form.message, sylius_test_form_attribute('contact-message')) }}

                {{ sylius_template_event('sylius.shop.contact.request.form', {'form': form}) }}

                {{ form_row(form._token) }}
                <button type="submit" class="btn btn-lg btn-block btn-primary" {{ sylius_test_html_attribute('send-button') }}>{{ 'sylius.ui.send'|trans }}</button>
                {{ form_end(form, {'render_rest': false}) }}
            </div>
        </div>
    </div>
{% endblock %}
