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

{% block title 'Adeline Millet | Contact' %}

{% block body %}
    <main>
        <!-- Contact -->
        <div class="contact">
            <div class="grid-x">
                <div class="cell large-10 large-offset-1">
                    {% for message in app.flashes('success') %}
                        <div data-alert class="alert-box success">
                            {{ message }}
                        </div>
                    {% endfor %}
                </div>
                <div class="cell large-5 large-offset-1">
                    <div class="subtitle">
                        <div class="trait"></div>
                        <h3>Nez à truffe</h3>
                    </div>
                    <h1 class="title">
                        Nous contacter
                    </h1>
                    {{ form_start(form) }}
                        <div class="content-input">
                            <div class="border"></div>
                            <div class="fond"></div>
                            {{ form_row(form.firstname) }}
                        </div>
                        <div class="content-input">
                            <div class="border"></div>
                            <div class="fond"></div>
                            {{ form_row(form.dogname) }}
                        </div>
                        <div class="content-input">
                            <div class="border"></div>
                            <div class="fond"></div>
                            {{ form_row(form.dograce) }}
                        </div>
                        <div class="content-input">
                            <div class="border"></div>
                            <div class="fond"></div>
                            {{ form_row(form.phone) }}
                        </div>
                        <div class="content-input">
                            <div class="border"></div>
                            <div class="fond"></div>
                            {{ form_row(form.email) }}
                        </div>
                        <div class="content-input">
                            <div class="border"></div>
                            <div class="fond"></div>
                            {{ form_row(form.message) }}
                        </div>
                        {{ form_rest(form) }}
                        <div class="content-btn">
                            <button type="submit" class="btn">
                                Envoyer
                            </button>
                        </div>
                    {{ form_end(form) }}
                    <img src="{{ asset('images/icons/patte-pied.svg') }}" class="patte-pied" alt="Pictogramme patte de chien et pied d'homme">
                </div>
                <div class="cell large-4 large-offset-1">
                    <img src="{{ asset('images/chien-contact.png') }}" class="chien-contact" alt="Chien la tête au vent dans une voiture">
                </div>
            </div>
        </div>
    </main>
{% endblock %}