{% extends "baseHome.html.twig" %}

{% block title 'Idylcar, vente de camping-cars, fourgons aménagés, vans, caravanes, mobil-homes, remorques et vélos électriques' %}

{% block body %}
    <main>
        <div class="home">
            <div class="img">
                {% if idylcar.filename %}
                    <img src="{{ vich_uploader_asset(idylcar, 'imageFile') }}" class="image-home" alt="">
                {% endif %}
                <img src="{{ asset('images/bordure-home.png') }}" class="bordure" alt="Bordure jaune">
            </div>
            <div class="search">
                <h1>Trouvez le véhicule idéal</h1>
                {% include 'pages/_searchHome.html.twig' with {form: form} only %}
            </div>
        </div>

        <!-- Actualités -->
        {% if lastActu is not empty %}
            <div class="actualites">
                <div class="idv-fond">
                    <img src="{{ asset('images/idv-fond-actu.svg') }}" alt="Idvlogo idylcar">
                </div>
                <div class="container">
                    <div class="title-section">
                        <div class="idv">
                            <img src="{{ asset('images/idv-idylcar.svg') }}" alt="Idv logo idylcar">
                        </div>
                        <h2>Actualité<br> <span>du réseau</span></h2>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="last-actu">
                                {% if lastActu.filename %}
                                    <img src="{{ vich_uploader_asset(lastActu, 'imageFile') | imagine_filter('thumbActuHome') }}" class="picto" alt="{{ lastActu.titre }}">
                                {% endif %}
                                <div class="content">
                                    <div class="categorie">
                                        <div class="idv">
                                            <img src="{{ asset('images/idv-idylcar.svg') }}" alt="Idv logo idylcar">
                                        </div>
                                        <span>{{ lastActu.categories.nom }}</span>
                                    </div>
                                    <h3>{{ lastActu.titre }}</h3>
                                    <div class="date">
                                        <span>{{ lastActu.createdAt|date('d/m/Y') }}</span>
                                    </div>
                                </div>
                                <a href="{{ path('actualite.show', {slug: lastActu.slug, id: lastActu.id}) }}" class="btn btn-actu">Lire l'article <img src="{{ asset('images/icons/fleche-jaune.svg') }}" alt="Pictogramme d'une flêche jaune"></a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            {% for actualite in actualites|slice(1,3) %}
                                <div class="actu {% if loop.index is not even %}f-actu{% endif %}">
                                    <div class="image">
                                        {% if actualite.filename %}
                                            <img src="{{ vich_uploader_asset(actualite, 'imageFile') | imagine_filter('thumbActuHome') }}" class="picto" alt="{{ actualite.titre }}">
                                        {% endif %}
                                    </div>
                                    <div class="content">
                                        <div class="categorie">
                                            <div class="idv">
                                                <img src="{{ asset('images/idv-idylcar.svg') }}" alt="Idv logo idylcar">
                                            </div>
                                            <span>{{ actualite.categories.nom }}</span>
                                        </div>
                                        <h3>{{ actualite.titre }}</h3>
                                        <div class="date">
                                            <span>{{ actualite.createdAt|date('d/m/Y') }}</span>
                                        </div>
                                    </div>
                                    <a href="{{ path('actualite.show', {slug: actualite.slug, id: actualite.id}) }}" class="btn btn-actu">Lire l'article <img src="{{ asset('images/icons/fleche-jaune.svg') }}" alt="Pictogramme d'une flêche jaune"></a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                    <a href="{{ path('actualite') }}" class="btn btn-jaune">Voir toutes les actualités</a>
                </div>
            </div>
        {% endif %}

        <!-- Notre sélection de véhicule -->
        <div class="selection-vehicule">
            <div class="container">
                <div class="title-section">
                    <div class="idv">
                        <img src="{{ asset('images/idv-idylcar.svg') }}" alt="Idv logo idylcar">
                    </div>
                    <h2>Notre sélection <span class="jaune">de véhicules</span></h2>
                </div>

                <!-- Camping-Car -->
                {% if lastCampingCar is not null %}
                    <div class="vehicule camping-car">
                        <div class="image-vehicule">
                            <div class="type-vehicule {{ lastCampingCar.typeVehicule.code|lower }}">
                                <span>{{ lastCampingCar.typeVehicule.nom }}</span>
                            </div>
                            {% for photo in lastCampingCar.photos|sort((a, b) => a.position <=> b.position)|slice(0, 1) %}
                                <img src="{{ vich_uploader_asset(photo, 'imageFile') | imagine_filter('thumbVehiculeHome') }}" alt="{{ lastCampingCar.modele }}">
                            {% endfor %}
                            <div class="rect-blanc"></div>
                            <div class="trait-rond">
                                <img src="{{ asset('images/rond-trait-vehicule.svg') }}" alt="trait + rond vehicule">
                            </div>
                            <a href="{{ path('typeVehicule.show', {slug: 'camping-car', id: 1}) }}" class="btn btn-jaune desktop">Voir les camping-cars</a>
                        </div>
                        <div class="info-vehicule">
                            <h3 class="marque">{{ lastCampingCar.marque.nom }}</h3>
                            <span class="modele">{{ lastCampingCar.modele }}</span>
                            {% if lastCampingCar.prixPromo is not empty %}
                                <span class="prix">Prix : {{ lastCampingCar.prixPromo }} €</span>
                            {% else %}
                                <span class="prix">Prix : {{ lastCampingCar.prix }} €</span>
                            {% endif %}
                            <div class="info-supp">
                                <div class="km">
                                    <span><strong>Kilométrage :</strong> {{ lastCampingCar.kilometrage }} km</span>
                                </div>
                                <div class="annee">
                                    <span><strong>Année :</strong> {{ lastCampingCar.collection }}</span>
                                </div>
                                <div class="couchage">
                                    <span><strong>Couchage :</strong> {{ lastCampingCar.nbCouchageMaxi }}</span>
                                </div>
                            </div>
                            <a href="{{ path('vehicule.show', {slug: lastCampingCar.slug, id: lastCampingCar.id}) }}" class="btn btn-bleu">Voir le véhicule</a>
                            <div class="photo-supp">
                                {% for photo in lastCampingCar.photos|sort((a, b) => a.position <=> b.position)|slice(1, 3) %}
                                    <div>
                                        <img src="{{ vich_uploader_asset(photo, 'imageFile') }}" alt="{{ lastCampingCar.modele }}">
                                    </div>
                                {% endfor %}
                            </div>
                            <a href="{{ path('typeVehicule.show', {slug: 'camping-car', id: 1}) }}" class="btn btn-jaune mobile">Voir les camping-cars</a>
                        </div>
                    </div> 
                {% endif %}
                

                <!-- Fourgon -->
                {% if lastFourgon is not null %}
                    <div class="vehicule fourgon">
                        <div class="info-vehicule desktop">
                            <h3 class="marque">{{ lastFourgon.marque.nom }}</h3>
                            <span class="modele">{{ lastFourgon.modele }}</span>
                            {% if lastFourgon.prixPromo is not empty %}
                                <span class="prix">Prix : {{ lastFourgon.prixPromo }} €</span>
                            {% else %}
                                <span class="prix">Prix : {{ lastFourgon.prix }} €</span>
                            {% endif %}
                            <div class="info-supp">
                                <div class="km">
                                    <span><strong>Kilométrage :</strong> {{ lastFourgon.kilometrage }} km</span>
                                </div>
                                <div class="annee">
                                    <span><strong>Année :</strong> {{ lastFourgon.collection }}</span>
                                </div>
                                <div class="couchage">
                                    <span><strong>Couchage :</strong> {{ lastFourgon.nbCouchageMaxi }}</span>
                                </div>
                            </div>
                            <a href="{{ path('vehicule.show', {slug: lastFourgon.slug, id: lastFourgon.id}) }}" class="btn btn-bleuFourgon">Voir le véhicule</a>
                            <div class="photo-supp">
                                {% for photo in lastFourgon.photos|sort((a, b) => a.position <=> b.position)|slice(1, 3) %}
                                    <div>
                                        <img src="{{ vich_uploader_asset(photo, 'imageFile') }}" alt="{{ lastFourgon.modele }}">
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                        <div class="image-vehicule">
                            <div class="type-vehicule {{ lastFourgon.typeVehicule.code|lower }}">
                                <span>{{ lastFourgon.typeVehicule.nom }}</span>
                            </div>
                            {% for photo in lastFourgon.photos|sort((a, b) => a.position <=> b.position)|slice(0, 1) %}
                                <img src="{{ vich_uploader_asset(photo, 'imageFile') | imagine_filter('thumbVehiculeHome') }}" alt="{{ lastFourgon.modele }}">
                            {% endfor %}
                            <div class="rect-blanc"></div>
                            <div class="trait-rond">
                                <img src="{{ asset('images/rond-trait-vehicule-g.svg') }}" alt="trait + rond vehicule">
                            </div>
                            <a href="{{ path('typeVehicule.show', {slug: 'fourgon', id: 2}) }}" class="btn btn-jaune desktop">Voir les fourgons</a>
                        </div>
                        <div class="info-vehicule mobile">
                            <h3 class="marque">{{ lastFourgon.marque.nom }}</h3>
                            <span class="modele">{{ lastFourgon.modele }}</span>
                            {% if lastFourgon.prixPromo is not empty %}
                                <span class="prix">Prix : {{ lastFourgon.prixPromo }} €</span>
                            {% else %}
                                <span class="prix">Prix : {{ lastFourgon.prix }} €</span>
                            {% endif %}
                            <div class="info-supp">
                                <div class="km">
                                    <span><strong>Kilométrage :</strong> {{ lastFourgon.kilometrage }} km</span>
                                </div>
                                <div class="annee">
                                    <span><strong>Année :</strong> {{ lastFourgon.collection }}</span>
                                </div>
                                <div class="couchage">
                                    <span><strong>Couchage :</strong> {{ lastFourgon.nbCouchageMaxi }}</span>
                                </div>
                            </div>
                            <a href="{{ path('vehicule.show', {slug: lastFourgon.slug, id: lastFourgon.id}) }}" class="btn btn-bleuFourgon">Voir le véhicule</a>
                            <div class="photo-supp">
                                {% for photo in lastFourgon.photos|sort((a, b) => a.position <=> b.position)|slice(1, 3) %}
                                    <div>
                                        <img src="{{ vich_uploader_asset(photo, 'imageFile') }}" alt="{{ lastFourgon.modele }}">
                                    </div>
                                {% endfor %}
                            </div>
                            <a href="{{ path('typeVehicule.show', {slug: 'fourgon', id: 2}) }}" class="btn btn-jaune mobile">Voir les fourgons</a>
                        </div>
                    </div>
                {% endif %}

                <!-- Van -->
                {% if lastVan is not null %}
                    <div class="vehicule van">
                        <div class="image-vehicule">
                            <div class="type-vehicule {{ lastVan.typeVehicule.code|lower }}">
                                <span>{{ lastVan.typeVehicule.nom }}</span>
                            </div>
                            {% for photo in lastVan.photos|sort((a, b) => a.position <=> b.position)|slice(0, 1) %}
                                <img src="{{ vich_uploader_asset(photo, 'imageFile') | imagine_filter('thumbVehiculeHome') }}" alt="{{ lastVan.modele }}">
                            {% endfor %}
                            <div class="rect-blanc"></div>
                            <div class="trait-rond">
                                <img src="{{ asset('images/rond-trait-vehicule.svg') }}" alt="trait + rond vehicule">
                            </div>
                            <a href="{{ path('typeVehicule.show', {slug: 'van', id: 3}) }}" class="btn btn-jaune desktop">Voir les vans</a>
                        </div>
                        <div class="info-vehicule">
                            <h3 class="marque">{{ lastVan.marque.nom }}</h3>
                            <span class="modele">{{ lastVan.modele }}</span>
                            {% if lastVan.prixPromo is not empty %}
                                <span class="prix">Prix : {{ lastVan.prixPromo }} €</span>
                            {% else %}
                                <span class="prix">Prix : {{ lastVan.prix }} €</span>
                            {% endif %}
                            <div class="info-supp">
                                <div class="km">
                                    <span><strong>Kilométrage :</strong> {{ lastVan.kilometrage }} km</span>
                                </div>
                                <div class="annee">
                                    <span><strong>Année :</strong> {{ lastVan.collection }}</span>
                                </div>
                                <div class="couchage">
                                    <span><strong>Couchage :</strong> {{ lastVan.nbCouchageMaxi }}</span>
                                </div>
                            </div>
                            <a href="{{ path('vehicule.show', {slug: lastVan.slug, id: lastVan.id}) }}" class="btn btn-bleuClair">Voir le véhicule</a>
                            <div class="photo-supp">
                                {% for photo in lastVan.photos|sort((a, b) => a.position <=> b.position)|slice(1, 3) %}
                                    <div>
                                        <img src="{{ vich_uploader_asset(photo, 'imageFile') }}" alt="{{ lastVan.modele }}">
                                    </div>
                                {% endfor %}
                            </div>
                            <a href="{{ path('typeVehicule.show', {slug: 'van', id: 3}) }}" class="btn btn-jaune mobile">Voir les vans</a>
                        </div>
                    </div>
                {% endif %}

                <!-- Caravane -->
                {% if lastCaravane is not null %}
                    <div class="vehicule caravane">
                        <div class="info-vehicule desktop">
                            <h3 class="marque">{{ lastCaravane.marque.nom }}</h3>
                            <span class="modele">{{ lastCaravane.modele }}</span>
                            {% if lastCaravane.prixPromo is not empty %}
                                <span class="prix">Prix : {{ lastCaravane.prixPromo }} €</span>
                            {% else %}
                                <span class="prix">Prix : {{ lastCaravane.prix }} €</span>
                            {% endif %}
                            <div class="info-supp">
                                <div class="annee">
                                    <span><strong>Année :</strong> {{ lastCaravane.collection }}</span>
                                </div>
                                <div class="couchage">
                                    <span><strong>Couchage :</strong> {{ lastCaravane.nbCouchageMaxi }}</span>
                                </div>
                            </div>
                            <a href="{{ path('vehicule.show', {slug: lastCaravane.slug, id: lastCaravane.id}) }}" class="btn btn-gris">Voir le véhicule</a>
                            <div class="photo-supp">
                                {% for photo in lastCaravane.photos|sort((a, b) => a.position <=> b.position)|slice(1, 3) %}
                                    <div>
                                        <img src="{{ vich_uploader_asset(photo, 'imageFile') }}" alt="{{ lastCaravane.modele }}">
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                        <div class="image-vehicule">
                            <div class="type-vehicule {{ lastCaravane.typeVehicule.code|lower }}">
                                <span>{{ lastCaravane.typeVehicule.nom }}</span>
                            </div>
                            {% for photo in lastCaravane.photos|sort((a, b) => a.position <=> b.position)|slice(0, 1) %}
                                <img src="{{ vich_uploader_asset(photo, 'imageFile') | imagine_filter('thumbVehiculeHome') }}" alt="{{ lastCaravane.modele }}">
                            {% endfor %}
                            <div class="rect-blanc"></div>
                            <div class="trait-rond">
                                <img src="{{ asset('images/rond-trait-vehicule-g.svg') }}" alt="trait + rond vehicule">
                            </div>
                            <a href="{{ path('typeVehicule.show', {slug: 'caravane', id: 4}) }}" class="btn btn-jaune desktop">Voir les caravanes</a>
                        </div>
                        <div class="info-vehicule mobile">
                            <h3 class="marque">{{ lastCaravane.marque.nom }}</h3>
                            <span class="modele">{{ lastCaravane.modele }}</span>
                            {% if lastCaravane.prixPromo is not empty %}
                                <span class="prix">Prix : {{ lastCaravane.prixPromo }} €</span>
                            {% else %}
                                <span class="prix">Prix : {{ lastCaravane.prix }} €</span>
                            {% endif %}

                            <div class="info-supp">
                                <div class="annee">
                                    <span><strong>Année :</strong> {{ lastCaravane.collection }}</span>
                                </div>
                                <div class="couchage">
                                    <span><strong>Couchage :</strong> {{ lastCaravane.nbCouchageMaxi }}</span>
                                </div>
                            </div>
                            <a href="{{ path('vehicule.show', {slug: lastCaravane.slug, id: lastCaravane.id}) }}" class="btn btn-gris">Voir le véhicule</a>
                            <div class="photo-supp">
                                {% for photo in lastCaravane.photos|sort((a, b) => a.position <=> b.position)|slice(1, 3) %}
                                    <div>
                                        <img src="{{ vich_uploader_asset(photo, 'imageFile') }}" alt="{{ lastCaravane.modele }}">
                                    </div>
                                {% endfor %}
                            </div>
                            <a href="{{ path('typeVehicule.show', {slug: 'caravane', id: 4}) }}" class="btn btn-jaune mobile">Voir les caravanes</a>
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>

        <!-- Gamme aixcelio -->
        <div class="gamme-aixcelio">
            <div class="container">
                <div class="title-section">
                    <div class="idv">
                        <img src="{{ asset('images/idv-idylcar.svg') }}" alt="Idv logo idylcar">
                    </div>
                    <h2><span>Profitez de belles balades sans effort</span><br> grâce à nos vélos aixcélio</h2>
                </div>
                <p>
                    <strong>AIXCELIO est une marque exclusive IDYLCAR !</strong> Voici les principales caractéristiques de nos vélos à assistance électrique :<br>
                    • Polyvalents et à l’aise sur tout terrain,<br>
                    • Associent côté pratique et plaisir de rouler,<br>
                    • Batterie Lithium 36V,<br>
                    • Autonomie jusqu’à 70km* (13Ah),<br>
                    • SAV assuré par nos techniciens IDYLCAR ACCESSOIRES.<br>
                    * Selon la nature du terrain, les conditions d’utilisation et la charge transportée.
                </p>
                <a href="{{ path('typeVehicule.show', {slug: 'velo-electrique', id: 7}) }}" class="btn btn-blanc">Découvrir nos offres <img src="{{ asset('images/icons/fleche-bleu.svg') }}" alt="Pictogramme d'une flêche bleu"></a>
            </div>
        </div>

        <!-- Remorques -->
        {% if remorques is not empty %}
            <div class="remorques">
                <div class="container">
                    <div class="title-section">
                        <div class="idv">
                            <img src="{{ asset('images/idv-idylcar.svg') }}" alt="Idv logo idylcar">
                        </div>
                        <h2>Notre séléction <span>de remorques</span></h2>
                    </div>
                    <div class="row">
                        {% for remorque in remorques %}
                            <div class="col-md-4">
                                <a href="{{ path('vehicule.show', {slug: remorque.slug, id: remorque.id}) }}">
                                    <div class="vehicule">
                                        <div class="type-offre {{ remorque.typeOffre.name|lower }}">
                                            <img src="{{ asset('images/idv-idylcar-blanc.svg') }}" alt="Idv du logo Idylcar">
                                            <span>{{ remorque.typeOffre.name }}</span>
                                        </div>
                                        {% for photo in remorque.photos|sort((a, b) => a.position <=> b.position)|slice(0, 1) %}
                                            <img src="{{ vich_uploader_asset(photo, 'imageFile') | imagine_filter('thumbVehiculeHome') }}" alt="{{ remorque.modele }}">
                                        {% endfor %}
                                        <div class="info-vehicule">
                                            <div class="overlay"></div>
                                            <div class="content">
                                                <h3>{{ remorque.modele }}</h3>
                                                <div class="info-supp">
                                                    <div>
                                                        <img src="{{ asset('images/icons/annee.svg') }}" alt="Pictogramme année - Idylcar véhicules de loisirs">
                                                        <span>{{ remorque.collection }}</span>
                                                    </div>
                                                </div>
                                                <div class="prix-btn">
                                                    <div class="prix-mensualite">
                                                        <span class="prix">{{ remorque.prix|number_format(0, ',', ' ') }} €</span>
                                                    </div>
                                                    <button class="btn btn-jaune">En savoir plus</button>
                                                </div> 
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        {% endfor %}
                    </div>
                    <a href="{{ path('typeVehicule.show', {slug: 'remorque', id: 6}) }}" class="btn btn-jaune btn-plus">Découvrir nos offres <img src="{{ asset('images/icons/fleche-bleu.svg') }}" alt="Pictogramme d'une flêche bleu"></a>
                </div>
            </div>
        {% endif %}

        <!-- Idyclar -->
        <div class="idylcar">
            <div class="container">
                <div class="logo">
                    <img src="{{ asset('images/logo-idylcar.svg') }}" alt="Logo Idylcar">
                </div>
                <div class="row">
                    <div class="col-lg-5 image-idylcar">
                        <div class="rect-jaune"></div>
                        <img src="{{ asset('images/camping-car-idylcar.jpg') }}" class="img-cc" alt="Camping-car sur une air de repos">
                        <img src="{{ asset('images/camping-car-idylcar-2.jpg') }}" class="img-cc-2" alt="Plusieurs camping-cars sur une route entouré de champs">
                    </div>
                    <div class="col-lg-7">
                        <div class="beau-rever">
                            <h2>C'est beau de rêver</h2>
                            <p>
                                Vous recherchez un <strong>camping-car neuf</strong> ou un <strong>camping-car d’occasion</strong> ? 
                                Un <strong>van ou fourgon aménagé neuf</strong> ou 
                                un <strong>van ou fourgon aménagé d’occasion</strong> ? Une marque précise ou bien même une catégorie ? Chez IDYLCAR, 
                                nous avons plus de <strong>1200 annonces…</strong> Vous n’avez plus qu’à trouver le véhicule de vos rêves !
                            </p>
                        </div>
                        <div class="bien-accompagner">
                            <h2>Mieux vaut être bien accompagné…</h2>
                            <p>
                                Pour vivre votre rêve, les femmes et les hommes du réseau IDYLCAR ont développé un panel de services 
                                afin de répondre à vos attentes. Vous pourrez notamment bénéficier de <strong>nos garanties</strong> (pour acquérir un 
                                <strong>camping-car, un van, un fourgon aménagé ou une caravane</strong> en toute sérénité) et de <strong>nos solutions de 
                                financement</strong> (pour acheter dans les meilleures conditions). Nous vous proposons également la <strong>vente 
                                et l’installation d’accessoires</strong>, la <strong>location de camping-car</strong>, le tout appuyé sur un service 
                                après-vente particulièrement efficace !
                            </p>
                        </div>
                        <a href="{{ path('idylcar') }}" class="btn btn-jaune">En savoir plus</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Services -->
        <div class="services">
            <div class="container">
                <div class="title-section">
                    <div class="idv">
                        <img src="{{ asset('images/idv-idylcar.svg') }}" alt="Idv logo idylcar">
                    </div>
                    <h2>Les services <span>Idylcar</span></h2>
                </div>
                <div class="row justify-content-center">
                    <div class="col-md-4 col-lg-4 service mb">
                        <div class="picto">
                            <img src="{{ asset('images/icons/magasin-accessoire.svg') }}" alt="Pictogramme magasin accessoire">
                        </div>
                        <h3>Magasin d’accessoires</h3>
                        <p>
                            De la batterie à l’Aqua Kem, en passant par les assiettes et les fauteuils, vous trouverez tous 
                            les produits pour votre véhicule de loisirs dans nos magasins IDYLCAR ACCESSOIRES.
                        </p>
                    </div>

                    <div class="col-md-4 col-lg-4 service mb">
                        <div class="picto">
                            <img src="{{ asset('images/icons/location.svg') }}" class="location" alt="Pictogramme location">
                        </div>
                        <h3>Location de camping-car</h3>
                        <p>
                            Que vous souhaitiez partir un week-end, une semaine ou plus pour découvrir ou redécouvrir 
                            le camping-car, nos agences qui proposent ce service sauront vous satisfaire.
                        </p>
                    </div>

                    <div class="col-md-4 col-lg-4 service mb">
                        <div class="picto">
                            <img src="{{ asset('images/icons/financement.svg') }}" alt="Pictogramme financement">
                        </div>
                        <h3>Financement</h3>
                        <p>
                            Le réseau IDYLCAR vous propose les financements les plus adaptés pour vous aider à réaliser votre rêve.
                            <br><br>
                        </p>
                    </div>

                    <div class="col-md-4 col-lg-4 service">
                        <div class="picto">
                            <img src="{{ asset('images/icons/service-apres-vente.svg') }}" alt="Pictogramme service après vente">
                        </div>
                        <h3>Services après-vente</h3>
                        <p>
                            Nos techniciens spécialisés camping-car et caravane, sauront vous apporter un service de qualité. 
                            Que ce soit pour un simple entretien, pour la pose d’accessoire ou pour des réparations plus importantes. 
                        </p>
                    </div>

                    <div class="col-md-4 col-lg-4 service">
                        <div class="picto">
                            <img src="{{ asset('images/icons/assurance.svg') }}" class="location" alt="Pictogramme assurance">
                        </div>
                        <h3>Assurance</h3>
                        <p>
                            IDYLCAR a développé une assurance adaptée au véhicule de loisirs. Exclusive, elle vous apporte 
                            les garanties d’une grande compagnie !
                            <br><br>
                        </p>
                    </div>

                    <div class="col-md-4 col-lg-4 service">
                        <div class="picto">
                            <img src="{{ asset('images/icons/occasion-du-soleil.svg') }}" alt="Pictogramme occasion du soleil">
                        </div>
                        <h3>Occasion du soleil</h3>
                        <p>
                            Cette appellation est un gage de qualité. <br>
                            Tous nos véhicules (camping-cars, fourgons, vans, caravanes) sont révisés et garantis ! 
                            <br><br>
                        </p>
                    </div>

                     <div class="col-md-4 col-lg-4 service mb">
                        <div class="picto">
                            <img src="{{ asset('images/icons/reparation-mecanique.svg') }}" alt="Pictogramme entretien mécanique">
                        </div>
                        <h3>Réparation mécanique</h3>
                        <p>
                            Chez Idylcar, nous vous vous proposons l'entretien mécanique de votre véhicule de loisir. 
                            Entretien annuel, vidange, freins, courroie de distribution, montage de pneus, contrôle humidité...
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Gamme aixcelio -->
        <div class="concession">
            <div class="container">
                <div class="title-section">
                    <div class="idv">
                        <img src="{{ asset('images/idv-idylcar-blanc.svg') }}" alt="Idv logo idylcar">
                    </div>
                    <h2>
                        <span>Toutes les routes mènent à Idylcar</span><br> 
                        {{ nbConcession }} concessions dans toute la france
                    </h2>
                </div>
                <p>
                    <strong>Présent partout en France</strong>, le réseau de concessionnaires IDYLCAR vous garantit une relation personnelle 
                    de proximité !
                    <br><br>
                    Pour acheter ou vendre votre camping-car, votre van ou votre fourgon dans les meilleures conditions, 
                    n’hésitez pas : contactez le concessionnaire le plus proche.
                </p>
                <a href="{{ path('concession') }}" class="btn btn-blanc">Découvrir nos concessions <img src="{{ asset('images/icons/fleche-bleu.svg') }}" alt="Pictogramme d'une flêche bleu"></a>
            </div>
        </div>
    </main>
{% endblock %}