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

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

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

{% block body %}
    <div class="container-m">
        <div>
            <h1 class="title-body-1">> Artisan boulanger, voici la proposition de Quali Distrib :</h1>


        </div>
        <section class="section machine border-bottom">
            <img src="{{ asset('build/images/derniere-generation.jpeg') }}" alt="Village" class="section-img-right">
            <div class="section-body">
                <h4 class="section-title user-select-none">Machine dernière génération</h4>
                <p class="section-text user-select-none">
                    Avant, pendant et après, nous sommes vos conseillés et partenaires tout au long de la durée de vie
                    du projet
                    <br>
                    La mise en place d'un service communication dédié pour lancer, booster et maintenir votre Chiffre
                    d'Affaire
                    <br>
                    Un SAV toujours disponible et ultra réactif
                    <br>
                </p>
            </div>
{#            <div class="center">#}
{#                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"#}
{#                     style="width: 490px; ">#}
{#                    <ol class="carousel-indicators">#}
{#                        <li id="black" data-target="#carouselExampleIndicators" data-slide-to="0"#}
{#                            class="active"></li>#}
{#                        <li id="black" data-target="#carouselExampleIndicators" data-slide-to="1"></li>#}
{#                        <li id="black" data-target="#carouselExampleIndicators" data-slide-to="2"></li>#}
{#                        <li id="black" data-target="#carouselExampleIndicators" data-slide-to="3"></li>#}
{#                        <li id="black" data-target="#carouselExampleIndicators" data-slide-to="4"></li>#}
{#                    </ol>#}
{#                    <div class="carousel-inner">#}
{#                        <div class="carousel-item active" data-interval="3000">#}
{#                            <img src="{{ asset('build/images/carouselArtisan/img1.png') }}" class="d-block w-100"#}
{#                                 alt="...">#}
{#                        </div>#}
{#                        <div class="carousel-item" data-interval="3000">#}
{#                            <img src="{{ asset('build/images/carouselArtisan/img2.png') }}" class="d-block w-100"#}
{#                                 alt="...">#}
{#                        </div>#}
{#                        <div class="carousel-item" data-interval="3000">#}
{#                            <img src="{{ asset('build/images/carouselArtisan/img3.png') }}" class="d-block w-100"#}
{#                                 alt="...">#}

{#                        </div>#}
{#                        <div class="carousel-item" data-interval="3000">#}
{#                            <img src="{{ asset('build/images/carouselArtisan/img4.png') }}" class="d-block w-100"#}
{#                                 alt="...">#}

{#                        </div>#}
{#                        <div class="carousel-item" data-interval="3000">#}
{#                            <img src="{{ asset('build/images/carouselArtisan/img5.png') }}" class="d-block w-100"#}
{#                                 alt="...">#}

{#                        </div>#}
{#                    </div>#}
{#                    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button"#}
{#                       data-slide="prev">#}
{#                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>#}
{#                        <span class="sr-only">Previous</span>#}
{#                    </a>#}
{#                    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button"#}
{#                       data-slide="next">#}
{#                        <span class="carousel-control-next-icon" aria-hidden="true"></span>#}
{#                        <span class="sr-only">Next</span>#}
{#                    </a>#}
{#                </div>#}
{#            </div>#}
        </section>


        <section class="section accompagnement border-bottom">
            <img src="{{ asset('build/images/accompagnement.jpeg') }}" alt="Village" class="section-img-left">
            <div class="section-body">
                <h4 class="section-title user-select-none">Accompagnement</h4>
                <p class="section-text user-select-none">
                    Avant, pendant et après, nous sommes vos conseillés et partenaires tout au long de la durée de vie
                    du projet

                    La mise en place d'unservice communication dédié pour lancer, booster et maintenir votre Chiffre
                    d'Affaire

                    Un SAV toujours disponible et ultra réactif


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

        <section class="section acteur border-bottom">
            <img src="{{ asset('build/images/acteurnew.jpg') }}" alt="Village" class="section-img-right">
            <div class="section-body">
                <h4 class="section-title user-select-none">Acteur nouveau, mais expérimenté</h4>
                <p class="section-text user-select-none">
                    Quali Distrib c'est l'association d'un produit et d'un service haut de gamme reservé à l'artisanat
                    et à ses lettres de de noblesse,
                    nos partenaires sont basés en France et ont tous un savoir faire de longue date dans leur industrie,
                    ce qui nous permet d'être compétitif
                    malgrès la fraicheur de notre société
                </p>
            </div>
        </section>

        <section class="section-form-mairie" id="form">
            <h2 class="form-title">Laisser-nous vous éclairez !</h2>
            <div class="form-mairie">
                <div>
                    <p>
                        Vous cherchez une solution pour vous développer, vous faire connaître et capter de
                        nouveaux clients ?
                        Vous souhaitez sauter le pas ? Vous y avez refléchis mais ne trouvez pas chaussure à votre pied
                        ?

                        Faites vous recontacter par notre équipe pour échanger sur les détails de nos offres
                    </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':"Votre projet ? "}}) }}
                        {{ form_row(formMairie._token) }}
                    </div>
                    <div>
                        <p>Que souhaitez-vous faire ?</p>
                        {{ form_row(formMairie.isMeet,{'label':"Prise de rendez-vous téléphonique"}) }}
                        {{ form_row(formMairie.isMail,{'label':"Demande de plus d'information"}) }}
                        <div class="form-souhait">
                        {{ form_row(formMairie.submitForm,{'label':"Envoyer le message",'attr':{'class':'btn-form'}}) }}
                        {{ form_row(formMairie.Type,{'attr':{'value':'Artisan'}}) }}
                        </div>
                        {{ form_end(formMairie, {'render_rest': false}) }}
                        <p>*Tous les projets nécessitent une étude et cela se fait avec le siège de Quali Distrib.
                            </p>
                    </div>

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


{# <article class="contentInfo-artisan">
            
        
        
        <article class="contentInfo-acc">

                <section  class="boxInfo-acc">
                    <div class="contText">
            <h2>
                Accompagnement
            </h2>
            <p>Avant, pendant et après, nous sommes vos conseillés et partenaires tout au long de la durée de vie du projet
            <br>
            La mise en place d'unservice communication dédié pour lancer, booster et maintenir votre Chiffre d'Affaire
            <br>
            Un SAV toujours disponible et ultra réactif
            <br>
            (icone flèche chronologique, icone express+camionnette, icone oeil)</p>
                    </div>
            </section>
        </article>
        <article class="contentInfo-art">
            <section  class="boxInfo-art">
                <div class="contText">
            <h2>
                Acteur nouveau, mais expérimenté
            </h2>
            <p>
                Quali Distrib c'est l'association d'un produit et d'un service haut de gamme reservé à l'artisanat et à ses lettres de de noblesse,
                nos partenaires sont basés en France et ont tous un savoir faire de longue date dans leur industrie, ce qui nous permet d'être compétitif
                malgrès la jeunesse évidente de notre société<br>(icone petits monsieurs(2) et meuf (1))
            </p>
                </div>
            </section>
        </article>
        <article>

        </article>

        <article class="contentInfo-mairie">
            <section class="boxInfo-mairie">

                <div class="form-mairie">
                    <section class="form-mairie-gauche" >
                        <p>
                            Vous souhaitez sauter le pas ? Vous y avez refléchis mais ne trouvez pas chaussure à votre pied ?
                            <br>
                            Faites vous recontacter par notre équipe pour échanger sur les détails de nos offres
                        </p>
                    </section>
                    <section class="form-mairie-style" >
                        {{ form_start(formMairie) }}
                        <div>
                            <h4>Votre ville</h4>
                            {{ form_row(formMairie.namePlace,{'attr':{'placeholder':"Nom de la commune"},}) }}
                            <h4>Vous</h4>
                            {{ form_row(formMairie.nameContact,{'attr':{'placeholder':"Votre nom"}}) }}
                        </div>
                    </section>
                    <section class="form-mairie-style">
                        <div>
                            <h4>Vos coordonnées</h4>
                            {{ form_row(formMairie.email,{'attr':{'placeholder':"Votre mail"}}) }}
                            {{ form_row(formMairie.phone,{'attr':{'placeholder':"Votre numéro de téléphone"}}) }}
                            <h4>Votre message</h4>
                            {{ form_row(formMairie.message,{'attr':{'placeholder':"Votre Demande"}}) }}
                            {{ form_row(formMairie._token) }}
                        </div>
                    </section>
                    <section class="form-mairie-style">
                        {{ form_row(formMairie.submitForm,{'label':"Envoyer la demande",'attr':{'class':'btn-form'}}) }}
                        {{ form_end(formMairie, {'render_rest': false}) }}
                    </section>
                </div>
            </section>
        </article>  #}