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

{% block title %}Contact - Ferme Leclere{% endblock %}

{% block body %}
    <main class="contact" role="main" xmlns="http://www.w3.org/1999/html">
        <div class="container">
            <section class="contact-row">
                <h1 class="title" data-text="Nous contacter">
                    Nous contacter
                </h1>
                {% for message in app.flashes('success') %}
                    <div class="alert alert-success" role="alert">
                        <p class="message">{{ message }}</p>
                    </div>
                {% endfor %}
                <img src="{{ asset('images/icons/contact-tourbillon.svg') }}" alt="Tourbillon marron" class="tourbillon">
                <div class="row contact-form">
                    <div class="col-8">
                        {{ form_start(form, {attr: {'data-turbo': 'false'}}) }}
                            <div class="row row-form">
                                <div class="col-6">
                                    <div class="form-group">
                                        <div class="label">
                                            {{ form_label(form.nom) }}<span>*</span>
                                        </div>
                                        {{ form_widget(form.nom) }}
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <div class="label">
                                            {{ form_label(form.prenom) }}<span>*</span>
                                        </div>
                                        {{ form_widget(form.prenom) }}
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <div class="label">
                                            {{ form_label(form.telephone) }}
                                        </div>
                                        {{ form_widget(form.telephone) }}
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <div class="label">
                                            {{ form_label(form.email) }}<span>*</span>
                                        </div>
                                        {{ form_widget(form.email) }}
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <div class="label">
                                            {{ form_label(form.objet) }}<span>*</span>
                                        </div>
                                        {{ form_widget(form.objet) }}
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <div class="label">
                                            {{ form_label(form.message) }}<span>*</span>
                                        </div>
                                        {{ form_widget(form.message) }}
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-check">
                                        {{ form_widget(form.isLegal) }}
                                        <div class="label">
                                            {{ form_label(form.isLegal) }}<span>*</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="btn btn-orange contain" type="submit">Envoyer</button>
                        {{ form_end(form) }}
                    </div>
                    <div class="col-4">
                        <div class="contact-data">
                            <div class="flex-column">
                                <div class="contact-adresse">
                                    <span class="sub-title">Adresse</span>
                                    <span class="texte">
                                        <strong>
                                            4 rue des sablons<br>
                                            89570 Soumaintrain
                                        </strong>
                                    </span>
                                </div>
                                <div class="contact-horaires">
                                    <span class="sub-title">Horaires d'ouverture de la boutique</span>
                                    <span class="texte">
                                        <strong>Du lundi au samedi :</strong><br>
                                        De 8h30 à 12h30 et de 14h à 19h
                                        <br><br>
                                        <strong>Dimanche et jours fériés :</strong><br>
                                        De 8h à 12h00
                                    </span>
                                    <span class="sub-title">Marché de St florentin</span>
                                    <span class="texte">
                                        <strong>Samedi matin</strong>
                                    </span>
                                </div>
                                <div class="contact-telephone-mail">
                                    <span class="sub-title">Contact</span>
                                    <span class="texte">
                                        <strong>Téléphone :</strong><br>
                                        <a href="tel:+33386563733">03 86 56 37 33</a>
                                        <br><br>
                                        <strong>Adresse email :</strong><br>
                                        <a href="mailto:contact@gaec-leclere.fr">contact@gaec-leclere.fr</a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </main>
{% endblock %}