{% extends 'base.html.twig' %}
{% block meta %}
<meta name="description" content="Découvrez les avantages que vous gagnez en collaborant avec nous">
{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('build/espacevip.css') }}"/>
{% endblock %}
{% block title %}Espace VIP{% endblock %}
{% block body %}
    <section class="container-m">
        <h1 class="title-body">Réservez votre <b>Entretien +</b>*</h1>

        <section class="interet">
            <section class="card">
                <h3 class="card-title">Quel est l’intérêt ?</h3>
                <div class="card-body">
                    <p class="card-text">
                        Le temps, la farine, la poussière, le volume d'affaires, la clientèle et tous ces <b>aléas de la vie</b>
                        ont tendance à
                        salir et parfois même obstruer certains éléments de votre distributeur automatique provoquant
                        des
                        <b>dysfonctionnements</b> de faible gravité mais provoquent une perte ou une <b>baisse de votre chiffre</b>
                        d’affaires.
                    </p>
                </div>

                <div><img src="{{ asset('build/images/IMG1.1.png') }}" alt="interet" class="card-image"></div>
            </section>
            <section class="card">

                <h3 class="card-title">Préventif / Curatif</h3>
                <div class="card-body">
                    <p class="card-text">
                        Chez Quali Distrib, vous pouvez bénéficier d’une <b>remise à neuf</b> et d’un nettoyage complet de
                        votre distributeur
                        automatique, une <b>expertise poussée</b> comprenant <b>46 points de contrôle</b>, qui nous permet de déceler
                        une éventuelle
                        panne.
                    </p>
                    <br>
                </div>

                <div><img src="{{ asset('build/images/IMG2.png') }}" alt="préventif/curatif" class="card-image"></div>
            </section>
        </section>

        <h2 class="title-entretien">Saisissez l'opportunité de maintenir votre image de marque et d'éviter toute
            malheureuse perte d'exploitation !</h2>
        <section class="service">
            <div class="section-body">
                <h3 class="section-title">Ce que le service comprend :</h3>
                <ul class="section-text">
                    <li>Passage bimensuel d'un technicien
                    </li>
                    <li>Entretien, vérification et prévention d'éventuels dysfonctionnements</li>
                    <li>
                        Rapport d'intervention (46 points de contrôles)
                    </li>
                    <li>
                        Nettoyage intégral intérieur/extérieur
                    </li>
                    <li>
                        Délai d'intervention prioritaire
                    </li>
                </ul>
                <p>Deux mois d'abonnements offerts**</p>
            </div>

                <img src="{{ asset('build/images/IMG4.png') }}"alt="technicien" class="section-img-right wide">
                <img src="{{ asset('build/images/IMG4Small.jpg') }}" alt="technicien" class="section-img-right small">

        </section>
        <section class="entretien">
            <div class="section-body">
                <h3 class="section-title" style="margin-top: 25px">Comment faire ?</h3>
                <p class="section-text">Vous pouvez faire votre demande de passage "<b>Entretien +</b>" via ce site.
                    Vous recevrez ensuite une confirmation de commande et une <b>offre de prix personnalisée</b>, une fois
                    l'entretien
                    effectué vous recevrez un <b>rapport d'intervention complet</b> qui fait mention des points d'alerte que
                    nous
                    avons
                    repérés.
                </p>

            </div>

            <img src="{{ asset('build/images/derniere-generation.jpeg') }}" alt="next generation" class="section-img-left">


        </section>

        <section class="section-form">
            <h2 class="form-title">↓ Réservez directement la remise à neuf de votre distributeur ↓</h2>
            <div class="form">
                <div class="form-text">
                    <p class="section-text">Complétez les champs si dessous puis cliquer sur "Envoyer la demande". Nous
                        revenons vers vous sous 48h
                        pour vous proposer un créneau de passage.
                    </p>
                </div>

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

                    <div> {{ form_row(formCatalogue.Type) }}</div>
                    <div class="form-ville">
                        <h4>Vos informations :</h4>
                        <div class="row">
                            <div class="col">{{ form_row(formCatalogue.Name,{'attr':{'placeholder':"Votre nom"}}) }}</div>
                            <div class="col">     {{ form_row(formCatalogue.NameSociety,{'attr':{'placeholder':"Le nom de votre société"}}) }}
                            </div>
                            <div class="col">{{ form_row(formCatalogue.MachineNumber,{'attr':{'placeholder':"Le numéro de votre distributeur"}}) }}</div>
                        </div>

                    </div>

                    <div class="form-souhait">
                        {{ form_row(formCatalogue.submitForm,{'label':"Envoyer la demande",'attr':{'class':'btn-form'}}) }}
                    </div>
                    {# {{ form_row(formCatalogue.Type,{'attr':{'value':'Entretien'}}) }} #}
                    {{ form_row(formCatalogue._token)}}
                    {{ form_end(formCatalogue, {'render_rest': false}) }}
                </div>

            </div>
            </div>
        </section>
        <p style="text-align: center;
    margin-left: 20px;
    font-size: 16px;
    margin-bottom: 0;">*Cette prestation est reservée exclusivement aux distributeurs Quali Distrib et <b>ne peuvent
                être assurés</b> sur d’autres
            types d’appareils que ceux de notre gamme.<br>
                        **Pour toute souscription de l’abonnement Entretien+ pendant 1 an. Soit un paiement de 10 mois au lieu de 12.
        </p>
    </section>
{% endblock %}