{% extends 'app/' ~ template ~ '.html.twig' %}
{% block header_js %}
    <script src="https://www.google.com/recaptcha/api.js?hl=fr"></script>
{% endblock %}
{% block content %}
    <div class="component wysiwyg-component">
        <div class="component-wr section-separator">
            <h1>{{ 'app.common.components.footer.contact'|trans }}</h1>
            <div class="row">
                <div class="col-md-8">
                    {% if blocks.block_center is not null %}
                        {{ blocks.block_center.content|raw }}
                    {% endif %}
                    <div class="form-contact">
                        {{ form_start(form) }}
                        <div class="section-separator section-separator-s">
                            <div class="text-primary bold">{{ 'app.you_are'|trans }}</div>
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-3">{{ form_label(form.lastName) }}</label>
                                    <div class="col-md-9">
                                        {{ form_widget(form.lastName) }}
                                        {{ form_errors(form.lastName) }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3">{{ form_label(form.firstName) }}</label>

                                    <div class="col-md-9">
                                        {{ form_widget(form.firstName) }}
                                        {{ form_errors(form.firstName) }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3">{{ form_label(form.email) }}</label>

                                    <div class="col-md-9">
                                        {{ form_widget(form.email) }}
                                        {{ form_errors(form.email) }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3">{{ form_label(form.role) }}</label>

                                    <div class="col-md-9">
                                        {{ form_widget(form.role) }}
                                        {{ form_errors(form.role) }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3">{{ form_label(form.company) }}</label>

                                    <div class="col-md-9">
                                        {{ form_widget(form.company) }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3">{{ form_label(form.contactReceiver) }}</label>

                                    <div class="col-md-9">
                                        {{ form_widget(form.contactReceiver) }}
                                        {{ form_errors(form.contactReceiver) }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-9 col-md-offset-3">
                                        <input type="checkbox" required> J'accepte la <a href="{{ path('privacy_policy') }}" target="_blank">politique de confidentialité</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="section-separator section-separator-s">
                            <div class="text-primary bold">{{ 'app.contact.your_request'|trans }}</div>
                            {{ form_widget(form.message) }}
                        </div>
                        <div class="g-recaptcha" data-sitekey="{{ recaptcha_public_key }}"></div>
                        <br>
                        <input type="submit" class="btn btn-primary uppercase" value="{{ 'common.action.send'|trans }}">
                        {{ form_end(form) }}
                    </div>
                </div>
                {% if blocks.block_right is not null %}
                    <div class="col-md-4">
                        <h4 class="bold mt-0">{{ blocks.block_right.title }}</h4>
                        {{ blocks.block_right.content|raw }}
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}