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

{% block title %}Nous contacter - Maison de Coiffure{% endblock %}

{% block body %}
    <main>
        <div class="contact">
            <div class="container">
                <h1 class="title h1">
                    Nous<br>
                    <span class="space"></span><b>CONTACTER</b>
                </h1>

                <div class="row justify-content-between">
                    <div class="col-lg-7 col-md-7">
                        {{ form_start(form) }}

                            {{ form_row(form.objet) }}
                            {{ form_row(form.lastname) }}
                            {{ form_row(form.email) }}
                            {{ form_row(form.phone) }}
                            
                            {{ form_widget(form) }}
                            <button class="btn" type="submit">Envoyer</button>

                        {{ form_end(form) }}
                    </div>

                    <div class="col-lg-4 col-md-4">
                        <img src="{{ asset('images/map-mc-contact.jpg') }}" class="img-google-map" alt="Google map Maison de Coiffure">
                    </div>

                    <div class="col-lg-12 col-md-12">
                        <h2>Besoin d’informations ? Contactez-nous</h2>

                        <div class="info-contact">
                            <div class="tel">
                                <img src="{{ asset('images/icons/phone-emploi.svg') }}" alt="Pictogramme téléphone">
                                <span>03 86 46 92 61</span>
                            </div>

                            <div class="mail">
                                <img src="{{ asset('images/icons/mail.svg') }}" alt="Pictogramme enveloppe">
                                <span>stephanie.pillut@maison-coiffure.fr</span>
                            </div>

                            <div class="adresse">
                                <img src="{{ asset('images/icons/pointer.svg') }}" alt="Pictogramme enveloppe">
                                <span>129, rue de Paris, 89000 Auxerre</span>
                            </div>

                            <div class="horaire">
                                <img src="{{ asset('images/icons/horaire.svg') }}" alt="Pictogramme enveloppe">
                                <span>
                                    Horaire :<br>
                                    8h30 - 12h30 / 13h30 - 17h30 du lundi au jeudi<br>
                                    8h30 - 12h30 / 13h30 - 16h30 le vendredi
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
{% endblock %}