{% extends "base.html.twig" %}

{% block title %}Contact - Le Migennois{% endblock %}

{% block body %}
    <main role="main">
        <section class="contact">
            <div class="container">
                {% for message in app.flashes('success') %}
                <div class="alert alert-success" role="alert">
                    <p class="title">Succès</p>
                    <p class="message">{{ message }}</p>
                </div>
                {% endfor %}
                <div class="row">
                    <div class="col-8">
                        {{ form_start(form) }}
                        <div class="row">
                            <div class="col-6">
                                <div class="group-form">
                                    {{ form_label(form.firstname) }}
                                    {{ form_widget(form.firstname) }}
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="group-form">
                                    {{ form_label(form.lastname) }}
                                    {{ form_widget(form.lastname) }}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="group-form">
                                    {{ form_label(form.email) }}
                                    {{ form_widget(form.email) }}
                                </div>
                            </div>
                
                            <div class="col-6">
                                <div class="group-form">
                                    {{ form_label(form.phone) }}
                                    {{ form_widget(form.phone) }}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="group-form">
                                    {{ form_label(form.subject) }}
                                    {{ form_widget(form.subject) }}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="group-form">
                                    {{ form_label(form.message) }}
                                    {{ form_widget(form.message) }}
                                </div>
                            </div>
                        </div>
                        <div class="row justify-content-between">
                            <div class="confidentialite">
                                <div class="form-check">
                                    {{ form_widget(form.confidentialite) }}
                                    {{ form_label(form.confidentialite) }}
                                </div>
                            </div>
                            {# <div class="robot">
                                {{ form_widget(form.captcha) }}
                                {{ form_errors(form.captcha) }}
                            </div> #}
                            <div class="col-12">
                                <button type="submit" class="btn btn-yellow submit">Envoyer</button>
                            </div>
                        </div>
                        {{ form_end(form) }}
                    </div>
                    <div class="col-4">
                        <div class="item">
                            <iframe
                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d30221.96753792796!2d3.493888290154084!3d47.96984320195981!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47ee55b3aefc5655%3A0x10a17e75969da8c4!2sCanton%20de%20Migennes%2C%2089400!5e0!3m2!1sfr!2sfr!4v1689942975660!5m2!1sfr!2sfr"
                                style="border:0;" allowfullscreen="" loading="lazy"
                                referrerpolicy="no-referrer-when-downgrade">
                            </iframe>
                            <div class="habitant">
                                <span class="title">Nouvel habitant ?</span>
                                <span class="nom">Alexia</span>
                                <span>
                                    <a href="mailto:bienvenue@migennois.fr">bienvenue@migennois.fr</a> ou au 
                                    <a href="tel:+33659393531">06 59 39 35 31</a>
                                </span>
                            </div>
                            <div class="porteur">
                                <span class="title">Nouveau porteur de projet ?</span>
                                <span class="nom">Frédéric</span>
                                <span>
                                    <a href="mailto:economie@migennois.fr">economie@migennois.fr</a> ou au 
                                    <a href="tel:+33764896242">07 64 89 62 42</a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
{% endblock %}