{% extends 'base.html.twig' %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('build/catalogue.css') }}"/>
{% endblock %}
{% block title %}Catalogue{% endblock %}
{% block body %}
    <section class="container-m">
        <h1 class="title-body">Réservez votre Entretien +*</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 aléas de la vie
                        ont tendance à
                        salir et parfois même obstruer certains éléments de votre distributeur automatique provoquant
                        des
                        dysfonctionnements de faible gravité mais provoquent une perte ou une baisse de votre chiffre
                        d’affaires.
                    </p>
                </div>

                <div><img src="{{ asset('build/images/IMG1.1.png') }}" 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 remise à neuf et d’un nettoyage complet de
                        votre distributeur
                        automatique, une expertise poussée comprenant 46 point de contrôle, qui nous permet de déceler
                        une éventuelle
                        panne.
                    </p>
                    <br>
                </div>

                <div><img src="{{ asset('build/images/IMG2.png') }}" 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>
            </div>

                <img src="{{ asset('build/images/IMG4.png') }}" class="section-img-right">

        </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 "Entretien +" via ce site.
                    Vous recevrez ensuite une confirmation de commande et une offre de prix personnalisée, une fois
                    l'entretien
                    effectué vous recevrez un rapport d'intervention complet qui fait mention des points d'alerte que
                    nous
                    avons
                    repéré.</p>

            </div>

            <img src="{{ asset('build/images/IMG3.png') }}" class="section-img-left">


        </section>

        <section class="section-form-mairie">
            <h2 class="form-title">↓ Réservez directement la remise à neuf de votre distributeur ↓</h2>
            <div class="form-mairie">
                <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_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 au distributeur Quali Distrib et <b>ne peuvent
                être assurés</b> sur d’autres
            types d’appareils que ceux de notre gamme</p>
    </section>
{% endblock %}