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

{% block title 'TPLG | Contact' %}

{% block body %}
    <div class="contact">
        <div class="container">
            <div class="row">
                <div class="col-md-8 contact-form">
                    <div class="message-flash">
                        {% for message in app.flashes('success') %}
                            <div class="alert alert-success">
                                {{ message }}
                            </div>
                        {% endfor %}
                    </div>
                    <h4 class="subtitle">Dites-nous tout</h4>
                    <h2>
                        {% trans %}Nous contacter{% endtrans %}
                    </h2>

                    <div class="form">
                        {{ form_start(form) }}
                        {{ form_row(form.question) }}
                        {{ form_row(form.lastname) }}
                        {{ form_row(form.firstname) }}
                        {{ form_row(form.business) }}
                        {{ form_row(form.company) }}
                        {{ form_row(form.address) }}
                        {{ form_row(form.postalCode) }}
                        {{ form_row(form.country) }}
                        {{ form_row(form.phone) }}
                        {{ form_row(form.email) }}
                        {{ form_row(form.subject) }}
                        {{ form_row(form.message) }}
                        {{ form_rest(form) }}
                        <button type="submit" class="btn">Envoyer</button>
                        {{ form_end(form) }}
                    </div>
                </div>
            </div>
        </div>
        <div class="coordonnees">
            <div class="content">
                <p>
                    Votre interlocuteur dédié.
                </p>
                <!-- Département stockage manutention -->
                <div class="secteur est">
                    <span class="nom-secteur">
                        Département Stockage / Manutention
                    </span>
                    <span class="responsable">
                        Responsable commercial secteur Nord
                    </span>
                    <span class="commercial">
                        Thomas PITON
                    </span>
                    <div class="telephone">
                        <div class="picto">
                            <img src="{{ asset('images/icons/phone.svg') }}" alt="Pictogramme téléphone TPLG - Tout Pour Le Grain">
                        </div>
                        <span class="num">06 98 63 68 39</span>
                    </div>
                    <div class="mail">
                        <!-- <div class="picto">
                            <img src="{{ asset('images/icons/enveloppe.svg') }}" alt="Pictogramme téléphone TPLG - Tout Pour Le Grain">
                        </div>
                        <span class="num"><a href="mailto:thomas.tplg@gmail.com">thomas.tplg@gmail.com</a></span>
                        -->
                    </div>
                    <span class="responsable">
                        Responsable commercial secteur Sud
                    </span>
                    <span class="commercial">
                        Vivien RENEAUME
                    </span>
                    <div class="telephone">
                        <div class="picto">
                            <img src="{{ asset('images/icons/phone.svg') }}" alt="Pictogramme téléphone TPLG - Tout Pour Le Grain">
                        </div>
                        <span class="num">06 80 95 52 76</span>
                    </div>
                    <!-- <div class="mail">
                        <div class="picto">
                            <img src="{{ asset('images/icons/enveloppe.svg') }}" alt="Pictogramme téléphone TPLG - Tout Pour Le Grain">
                        </div>
                        <span class="num"><a href="mailto:revivien@live.fr">revivien@live.fr</a></span>
                    </div> -->
                </div>

                <!-- Département échantillonnage -->
                <div class="secteur ouest">
                    <span class="nom-secteur">
                        Département Échantillonnage
                    </span>
                    <span class="responsable">
                        Responsable Export
                    </span>
                    <span class="commercial">
                        Nicolaï DOVAL
                    </span>
                    <div class="telephone">
                        <div class="picto">
                            <img src="{{ asset('images/icons/phone.svg') }}" alt="Pictogramme téléphone TPLG - Tout Pour Le Grain">
                        </div>
                        <span class="num">03 86 88 98 93</span>
                    </div>
                    <div class="mail">
                        <!-- <div class="picto">
                            <img src="{{ asset('images/icons/enveloppe.svg') }}" alt="Pictogramme téléphone TPLG - Tout Pour Le Grain">
                        </div>
                        <span class="num"><a href="mailto:nicolai@toutpourlegrain.fr">nicolai@toutpourlegrain.fr</a></span>
                        -->
                    </div>
                    <span class="responsable">
                        Responsable commercial France
                    </span>
                    <span class="commercial">
                        Michel BARIL
                    </span>
                    <div class="telephone">
                        <div class="picto">
                            <img src="{{ asset('images/icons/phone.svg') }}" alt="Pictogramme téléphone TPLG - Tout Pour Le Grain">
                        </div>
                        <span class="num">06 80 73 31 12</span>
                    </div>
                    <div class="mail">
                        <!-- <div class="picto">
                            <img src="{{ asset('images/icons/enveloppe.svg') }}" alt="Pictogramme téléphone TPLG - Tout Pour Le Grain">
                        </div>
                        <span class="num"><a href="mailto:baril@toutpourlegrain.fr">baril@toutpourlegrain.fr</a></span> -->
                    </div>
                </div>

                <div class="adresse">
                    <div class="picto">
                        <img src="{{ asset('images/icons/pointer.svg') }}" alt="Pictogramme position TPLG - Tout Pour Le Grain">
                    </div>
                    <span>
                        2 rue des Jonquilles<br>
                        89260 Perceneige, France
                    </span>
                </div>

                <div class="mail">
                    <div class="picto">
                        <img src="{{ asset('images/icons/enveloppe.svg') }}" alt="Pictogramme mail TPLG - Tout Pour Le Grain">
                    </div>
                    <span><a href="mailto:contact@toutpourlegrain.fr">contact@toutpourlegrain.fr</a></span>
                </div>

                <div class="telephone">
                    <div class="picto">
                        <img src="{{ asset('images/icons/phone.svg') }}" alt="Pictogramme téléphone TPLG - Tout Pour Le Grain">
                    </div>
                    <span>03 86 88 98 00</span>
                </div>
            </div>
        </div>
    </div>
{% endblock %}