{% extends 'base.html.twig' %}
{% block meta %}
    <meta name="description"
          content="Vous êtes un particulier et vous vous interessez à la distribution automatique ? Quali Distrib répond à vos interrogations">
    <meta property="og:title" content="Je suis Consommateur" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://qualidistrib.com/consommateur"  />
    <meta property="og:image" content="{{ asset('build/images/peoplev2.jpg') }}" />
    <meta property="og:description" content="Vous êtes un particulier et vous vous interessez à la distribution automatique ? Quali Distrib répond à vos interrogations" />
{% endblock %}
{% block stylesheets %}

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

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

{% block body %}
    <div class="container-m">
        <h1 class="title-body">> Consommateurs, Usagers, ou simple curieux ?</h1>

        <section class="section infosQ border-bottom">
            <img src="{{ asset('build/images/comprendre2.0.jpg') }}" alt="femme se questionne"
                 class="section-img section-img-infoQ">
            <div class="section-body">
                <h4 class="section-title user-select-none">Quelle est la mission de Quali Distrib ?</h4>
                <p class="section-text user-select-none">

                    La société Quali Distrib répond à une problématique courante dans le milieu rural, <b>l’absence de
                        commerce de proximité</b> et surtout de boulangeries.
                    Notre travail consiste donc à proposer aux municipalités et au boulangeries d’<b>assurer un service
                        boulangerie artisanale</b> au travers d’un <b>distributeur automatique</b>.
                    Les enjeux sont multiples, permettre un développement des métiers de l’artisanat, dynamiser les
                    communes rurales dépourvues de commerce, permettre au consommateur d’accéder en libre service à des
                    <b>aliments frais et de qualité</b>.
                    C’est tout le tissu économique qui profite donc de nos solutions.
                </p>
            </div>
        </section>

        <h1 class="title-body">> Comment ?</h1>
        <div class="section-comment">
            <div class="bandeaucomment">
                <h2 class="comment">Pétrissage de la pâte</h2>
                <img class="section-petri-img" src="{{ asset('build/images/petrissage.png') }}" alt="petrissage">
                <span class=" cache">❱</span>
            </div>
            <span class="fleche">❱</span>
            <div class="bandeaucomment">
                <h2 class="comment">Cuisson au fournil</h2>
                <img class="section-cuisson-img" src="{{ asset('build/images/cuisson.png') }}" alt="cuisson">
                <span class=" cache">❱</span>
            </div>
            <span class="fleche">❱</span>
            <div class="bandeaucomment">
                <h2 class="comment">Refroidssement et Emballage</h2>
                <img class="section-cuisson-img" src="{{ asset('build/images/refoidissement.png') }}"
                     alt="refroidissement et emballage">
                <span class=" cache">❱</span>
            </div>
            <span class="fleche">❱</span>
            <div class="bandeaucomment">
                <h2 class="comment">Approvisionnement du distributeur</h2>
                <img class="section-cuisson-img" src="{{ asset('build/images/appro.png') }}" alt="approvisionnement">
                <span class=" cache">❱</span>
            </div>
            <span class="fleche">❱</span>
            <div class="bandeaucomment">
                <h2 class="comment">Produit disponible !</h2>
                <img class="section-distribdispo-img" src="{{ asset('build/images/distrib_dispo.png') }}"
                     alt="client au distributeur">
            </div>
            {# <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.jpg') }}" alt="..."></td> #}
            {# <td><span>❱</span></td> #}
            {# <td><img class="section-cuisson-img" src="{{ asset('build/images/cuisson.jpg') }}" alt="..."></td> #}
            {# <td><span>❱</span></td> #}
            {# <td><img class="section-cuisson-img" src="{{ asset('build/images/refoidissement.jpg') }}" alt="..."> #}
            {# </td> #}
            {# <td><span>❱</span></td> #}
            {# <td><img class="section-cuisson-img" src="{{ asset('build/images/appro.jpg') }}" alt="..."></td> #}
            {# <td><span>❱</span></td> #}
            {# <td><img class="section-distribdispo-img" src="{{ asset('build/images/distrib_dispo.jpg') }}" #}
            {# alt="..."></td> #}
            {# </tr> #}
            {# </tbody> #}
            {# </table> #}

        </div>

        <section class="section artisans border-bottom">
            <img src="{{ asset('build/images/illustv2.jpeg') }}" alt="artisans séléctionnés"
                 class="section-img-artisans section-img">
            <div class="section-body">
                <h4 class="section-title user-select-none">Artisans séléctionnés...</h4>
                <p class="section-text user-select-none">
                    -Ils assurent au moins deux cuissons par jour pour un <b>maximum de fraîcheur</b>,<br><br>
                    -Ils fabriquent des pains selon la réglementation <b>"Tradition"</b> à base de farine T65,<br><br>
                    -Ils disposent d'un four à sole,<br><br>
                    -Ils privilégient une collaboration avec d'autres <b>producteurs locaux</b>.
                    <br><br>
                    Certains autres critères nous permettent de nous assurer du respect des <b>normes d'hygiène</b> et
                    d'éthique
                    afin de vous proposer un service incluant qualité et sécurité.</p><br>
            </div>
        </section>

        <section class="section produits border-bottom">
            <img src="{{ asset('build/images/variete-produit3.0.jpeg') }}" alt="variété de produits"
                 class="section-img-produit">
            <div class="section-body">
                <h4 class="section-title user-select-none">Variété de produits...</h4>
                <p class="section-text user-select-none">Les distributeurs Quali Distrib permettent aux artisans de
                    proposer:<br><br>
                    <b>Pains, baguettes, croissants, brioches</b>
                    et autres <b>pains spéciaux.</b><br> Le tout dans des conditions climatiques idéales ! <br><br>Les
                    machines
                    bénéficient d'un système unique
                    de thermorégulation qui respecte et maintient la qualité des produit.</p><br>
            </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 ressentez un manque de dynamisme dans votre commune ? <br>Pas de dépôt de pain ?
                        Une tournée qui passe de manière irrégulière ?<br>
                        Vous souhaitez profiter des produits de votre boulanger préféré en libre accès 24/24 ?
                        <br>
                        Faites nous part de votre souhait via ce formulaire :
                    </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-coord">
                        <h4>Vos coordonnées :</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",'pattern':"/^-?\d+\.?\d*$/", 'onKeyPress':"if(this.value.length==3) return false;"}}) }}</div>
                        </div>
                        <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>
    <script type="application/ld+json">
        {
            "@context": "https://qualidistrib.com",
            "@type": "BreadcrumbList",
            "itemListElement": [{
                "@type": "ListItem",
                "position": 1,
                "name": "Consommateur",
                "item": "https://qualidistrib.com/consommateur"
            }]
        }
    </script>
{% endblock %}