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

{% block title 'RO\'MA Nature | Contact' %}

{% block body %}
    <a href="{{ path('home') }}" class="btn-retour"><img src="{{ asset('images/picto/img-btn-retour.png') }}">Retour</a>
    <div class="contact">
        <img src="{{ asset('images/fond-contact.jpg') }}" alt="Images showroom">
        <div class="container">
            <div class="title">
                <div class="coin c-1">
                    <img src="{{ asset('images/icons/coin-beige.png') }}" alt="Coin beige">
                </div>
                <h1>Nous contacter</h1>
                <div class="coin c-2">
                    <img src="{{ asset('images/icons/coin-beige.png') }}" alt="Coin beige">
                </div>
            </div>
            <div class="row justify-content-md-center">
                <div class="col-md-3 info-contact">
                    <img src="{{ asset('images/icons/lieu.png') }}" alt="">
                    <p>
                        1, Rue de la Plaine des isles, 89470 Monéteau
                    </p>
                </div>
                <div class="col-md-3 info-contact">
                    <img src="{{ asset('images/icons/tel.png') }}" alt="">
                    <p>
                        03 86 52 47 35
                    </p>
                </div>
                <div class="col-md-3 info-contact">
                    <img src="{{ asset('images/icons/mail.png') }}" alt="">
                    contact@romanature.fr
                </div>
                <div class="col-md-8 horraire">
                    <p>
                        Du mardi au vendredi de 8h à 12h et de 14h à 18h<br>
                        Le samedi matin de 9h à 12h et le samedi après-midi sur RDV.
                    </p>
                </div>
            </div>
            <div class="col-md-12 message-flash">
                {% for message in app.flashes('success') %}
                    <div class="alert alert-success">
                        {{ message }}
                    </div>
                {% endfor %}
            </div>
            {{ form_start(form) }}
                {{ form_row(form.profil) }}
                <div class="ligne-1">
                    {{ form_widget(form.lastname) }}
                    {{ form_widget(form.firstname) }}
                </div>
                <div class="ligne-2">
                    {{ form_widget(form.phone) }}
                    {{ form_widget(form.email) }}
                </div>
                <div class="ligne-3">
                    {{ form_widget(form.societe) }}
                    {{ form_widget(form.subject) }}
                </div>
                {{ form_row(form.message) }}
                <button type="submit" class="btn">Envoyer</button>
            {{ form_end(form) }}
        </div>
    </div>
{% endblock %}