{% trans_default_domain 'servicevip' %}
{% set route = app.request.get('_route') %}

{% extends 'base.html.twig' %}
{% block meta %}
    <meta name="description" content="Profitez de notre service haut de gamme : communication sur mesure, remise à neuf de vos distributeurs, campagne marketing, etc.">
    <meta property="og:title" content="servicevip" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://qualidistrib.com/serviceVIP"  />
    <meta property="og:image" content="{{ asset('build/images/outil.jpeg') }}" />
    <meta property="og:description" content="Profitez de notre service haut de gamme : communication sur mesure, remise à neuf de vos distributeurs, campagne marketing, etc.">
{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('build/servicevip.css') }}"/>
{% endblock %}
{% block title %}Service VIP{% endblock %}
{% block body %}
    <section class="container-m">
        <h1 id="titleOne" class="title-body"><{{'vip.titleTitre'|trans|raw}}</h1>

        <section class="interet">
            <section id="interet" class="card">
                <h3 class="card-title">{{'vip.interet'|trans}}</h3>
                <div class="card-body">
                    <p class="card-text">

                        {{'vip.interetTexte'|trans|raw}}</p>
                </div>

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

                <h3 class="card-title">{{'vip.preventif'|trans}}</h3>
                <div class="card-body">
                    <p class="card-text">

                        {{'vip.preventifTexte'|trans|raw}}</p>
                    <br>
                </div>

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

        <h3 id="titleTwo" class="title-body">{{'vip.saisissez'|trans}}</h3>
        <section id="service" class="service">
            <div class="section-body">
                <h3 class="section-title">{{'vip.comprend'|trans}}</h3>
                <ul class="section-text">

                    {{'vip.comprendListe'|trans|raw}}
                </ul>
                <p>{{'vip.abo'|trans}}</p>
            </div>

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

        </section>
        <section id="comment" class="entretien">
            <div class="section-body">
                <h3 class="section-title" style="margin-top: 25px">{{'vip.comment'|trans}}</h3>
                <p class="section-text">
                    {{'vip.commentTexte'|trans|raw}}</p>

            </div>

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


        </section>

        <section class="section-form">
            <h2 id="form-title" class="form-title">{{'vip.reservez'|trans}}</h2>
            <div class="form">
                <div class="form-text">
                    <p class="section-text">
                        {{'vip.reservezTexte'|trans}}</p>
                </div>

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

                    <div> {{ form_row(formCatalogue.Type) }}</div>
                    <div class="form-ville">
                        <h4>{{'vip.infos'|trans}}</h4>
                        <div class="row">
                            <div class="col">{{ form_row(formCatalogue.Name,{'attr':{'placeholder':'placeholderName'|trans}}) }}</div>
                            <div class="col">     {{ form_row(formCatalogue.NameSociety,{'attr':{'placeholder':'placeholderNameSociety'|trans}}) }}
                            </div>
                            <div class="col">{{ form_row(formCatalogue.MachineNumber,{'attr':{'placeholder':'placeholderMachineNumber'|trans}}) }}</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>

        </section>
        <p style="text-align: center;
    margin-left: 20px;
    font-size: 16px;
    margin-bottom: 0;">
            {{'vip.mention'|trans|raw}}</p>
    </section>
{{ encore_entry_script_tags('servicevipjs') }}
    <script defer type="application/ld+json">
        {
            "@context": "https://qualidistrib.com",
            "@type": "BreadcrumbList",
            "itemListElement": [{
                "@type": "ListItem",
                "position": 1,
                "name": "Service VIP",
                "item": "https://qualidistrib.com/serviceVIP"
            }]
        }
    </script>
{% endblock %}