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

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('build/innovation.css') }}" />{% endblock %}

{% block title %}Innovation{% endblock %}

{% block body %}

    <h1>Découvrez notre nouveau modèle de distributeur réfrigéré</h1>
    <section class="section border-bottom unique">
        <img src="{{ asset('build/images/distrib_vert.svg') }}" class="section-img-left">
        <article class="fonctionalite">
            <div class="section-body data">
                <h3 class="section-title">La vente à distance</h3>
                <p class="section-text">Dotés d'une fonctionalité unique, fini les invendus ou les paniers moyens trop
                    faibles. Désormais vos clients sont assurés
                    d'avoir le produit qui leur ferai plaisir. Ils passent commande directement <img
                            src="{{ asset('build/images/QRCodeGen/Quali-Distrib.png') }}">
                    via la plateforme que nous mettons à votre disposition, ils seront avertis de la disponibilité de
                    leur commande dans l'appareil,
                    pratique, rapide et qualitatif
                </p>
            </div>
            <div style="display: flex;flex-direction: row;align-items: center">

                <img src="{{ asset('build/images/commande.png') }}" style="width: 400px; border-radius: 15px">
                <span class="stamp is-approved">Premier distributeur du genre</span>
            </div>
        </article>
        {# <div class="descr"> #}
        {# <img src="{{ asset('build/images/QRCodeGen/Quali-Distrib.png') }}"> #}
        {# </div> #}
        <img src="{{ asset ('build/images/distrib_violet.svg') }}" class="section-img-right">
    </section>
    {# (insérez un visuel de machine violette et bleu) doté d’une fonctionnalité unique : #}
    {# la vente à distance, fini les invendu ou les paniers moyen trop faibles, désormais vos clients sont assures d ‘avoir le produit #}
    {# qui leur ferait plaisir, #}
    {# ils passent commande (insérez un logo QR code) directement via la plateforme que nous mettons à votre #}
    {# (insérez disposition, puis ils sont avertit de la disponibilité de leur commande dans l’appareil, pratique, rapide et qualitatif, #}

    <section class="section-form-mairie" id="form">
        <h2 class="form-title">Producteurs restaurateur agriculteurs maraîcher quel est le distributeur de vos rêves
            ?</h2>
        <div class="form-mairie">
            <div>
                <p>
                    Vous avez des idées, des remarques, des contraintes ? Nous sommes en permanence en amélioration de
                    nos services,
                    proposez nous vos idées pour peut être les voir se concrétiser
                </p>
            </div>

            <div class="form-form">
                {{ form_start(formMairie) }}
                <div class="form-vous">
                    <h4>Vous</h4>
                    <div class="row">
                        <div class="col">{{ form_row(formMairie.nameContact,{'label':'Nom','attr':{'placeholder':"Le nom de l'enseigne"}}) }}</div>
                        <div class="col">{{ form_row(formMairie.namePlace,{'label':'Commune','attr':{'placeholder':"Nom de la commune"},}) }}</div>
                        <div class="col">{{ form_row(formMairie.codePostal,{'label':'Code Postal','attr':{'placeholder':"Code Postal de la commune"},}) }}</div>
                    </div>
                </div>
                <div class="form-coord">
                    <h4>Vos coordonnées</h4>
                    <div class="row">
                        <div class="col">{{ form_row(formMairie.email,{'label':'E-mail','attr':{'placeholder':"Votre mail"}}) }}</div>
                        {# <div class="col">{{ form_row(formMairie.phone,{'label':'Numéro de téléphone','attr':{'placeholder':"Votre numéro de téléphone"}}) }}</div> #}
                    </div>

                </div>
                <div class="form-mess">
                    <h4>Votre message</h4>
                    {{ form_row(formMairie.message,{'attr':{'placeholder':"Vos idées ? "}}) }}
                    {{ form_row(formMairie._token) }}
                </div>

                <div class="form-souhait">
                    {{ form_row(formMairie.submitForm,{'label':"Envoyer vos idées",'attr':{'class':'btn-form'}}) }}
                    {{ form_row(formMairie.Type,{'attr':{'value':'Artisan'}}) }}

                    {{ form_end(formMairie, {'render_rest': false}) }}
                </div>

            </div>
        </div>
    </section>

{% endblock %}