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

{% block stylesheets %}

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

{% block title %}Je suis un Consommateur{% endblock %}

{% block body %}
<div class="container-m">
    <h1 class="title-body">> Consommateur, Usager, ou simplement réticent au concept de distribution automatique ?</h1>

    <section class="section infosQ border-bottom">
        <img src="{{ asset('build/images/comprendre.jpg') }}" alt="Village" class="section-img">
            <div class="section-body">
                <h4 class="section-title user-select-none">Quali Distrib vous aide à mieux comprendre le fonctionnement de son activité</h4>
                <p class="section-text user-select-none">
                    Pour les consommateurs, ces appareils sont d’un grand intérêt, car ces derniers auront à leur disposition une machine capable de leur fournir des produits frais et locaux 24 h sur 24
                    . De plus, la traçabilité des produits, leur fraîcheur et leur qualité constituent des avantages très prisés par de nombreux consommateurs.
                    On note également l’aspect écologique de ces distributeurs automatiques, puisque les prix proposés par les producteurs sont justes.
                    Outre ces critères, il faut aussi considérer les coûts de transport qui permettent d’économiser des frais importants.
                    Une solution efficace pour dénicher une baguette en dehors des heures d’ouverture des boulangeries.
                </p>
            </div>
    </section>

    <h1 class="title-body">> Comment ?</h1>
    <div class="section-comment"> 
    <table>
        <thead>
            <tr>
                <th><h2 class="comment">Pétrissage de la pâte</h2></th>
                <th></th>
                <th><h2 class="comment">Cuisson au fournil</h2></th>
                <th></th>
                <th><h2 class="comment">Refroidssement et Emballage</h2></th>
                <th></th>
                <th><h2 class="comment">Approvisionnement du distributeur</h2></th>
                <th></th>
                <th><h2 class="comment">Produit disponible !</h2></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><img class="section-petri-img" src="{{ asset('build/images/petrissage.png') }}" alt="..." ></td>
                <td><span style="font-size: 6em; color: black;">❱</span></td>
                <td><img class="section-cuisson-img" src="{{ asset('build/images/cuisson.png') }}" alt="..." ></td>
                <td><span style="font-size: 6em; color: black;">❱</span></td>
                <td><img class="section-cuisson-img" src="{{ asset('build/images/refoidissement.png') }}" alt="..." ></td>
                <td><span style="font-size: 6em; color: black;">❱</span> </td>
                <td><img class="section-cuisson-img" src="{{ asset('build/images/appro.png') }}" alt="..." ></td>
                <td><span style="font-size: 6em; color: black;">❱</span> </td>
                <td><img class="section-distribdispo-img" src="{{ asset('build/images/distrib_dispo.png') }}" alt="..." ></td>
            </tr>
        </tbody>
</table>
       
    </div>

    <section class="section artisans border-bottom">
        <img src="{{ asset('build/images/illust.jpeg') }}" alt="Village" class="section-img-artisans">
            <div class="section-body">
                <h4 class="section-title user-select-none">Artisans séléctionnés...</h4>
                <p class="section-text user-select-none">Nos artisans partenaires sont séléctionnés selon certains critères:<br><br>
                    -Il assure au moins deux cuissons par jour pour un maximum de fraicheur<br>
                -Il fabrique des painscelon la reglemntation "Traditiion" à base de farine T65<br>
                -Il dispose d'un four à sole<br>
                -Il priviliégie un travail avec d'autres artisans commercants et producteurs locaux
                <br><br>
                Et certains autres qui nous permettent de nous assurer du respestc des normes d'hygiène et d'éthique afind e vous proposer un service
                de qualité et en toute sécurité</p>
            </div>
    </section>

    <section class="section produits border-bottom">
        <img src="{{ asset('build/images/variete-produits2.0.jpeg') }}" alt="Village" class="section-img">
            <div class="section-body">
                <h4 class="section-title user-select-none">Variété de produits...</h4>
                <p class="section-text user-select-none">Les Quali Distrib permettent aux aetisans de proposer une large gamme de produits, pains, baguettes, croissants, brioches
                    et autres pains spéciaux, le tout dans des conditions climatiques idéales ! <br>Les machines bénéficient d'un système unique
                    de thermorégulation qui respecte la qualité des pains</p>
            </div>
    </section>

    <section class="section-form-mairie">
        <h2 class="form-title">Toujours à votre écoute !</h2>
        <div class="form-mairie">
        
            <div class="form-text">
                <p>
                    Vous souhaitez faire remarquer quelque chose ? Partager votre avis ou vos impressions ?
                    Vous pouvez faire parvenir votre message directement via le formulaire ci-dessous
                </p>
            </div>

            <div class="form-form">
                {{ form_start(formMairie) }}

                <div class="form-ville">
                    <h4>Votre ville</h4>
                    <div class="row">
                        <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-vous">
                    <h4>Vous</h4>
                    <div class="row">
                        <div class="col">{{ form_row(formMairie.nameContact,{'label':'Nom','attr':{'placeholder':"Votre nom"}}) }}</div>
                        <div class="col">{{ form_row(formMairie.nameCapacity,{'label':'Profession','attr':{'placeholder':"Votre Profession"}}) }}</div>
                        <div class="col">{{ form_row(formMairie.Age,{'label':'Age (information non requise pour ces dames)','attr':{'placeholder':"Age"}}) }}</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>

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


                    {{ form_row(formMairie.submitForm,{'label':"Envoyer la demande",'attr':{'class':'btn-form'}}) }}

                    {{ form_row(formMairie.Type,{'attr':{'value':'Consommateur'}}) }}
                    {{ form_end(formMairie, {'render_rest': false}) }}
                </div>

            </div>
        </div>

    </section>
</div>
{% endblock %}