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

{% block title %}Le réseau Idylcar | Idylcar{% endblock %}

{% block body %}
    <main>
        <div class="les-concessions">
            <div class="container">
                <div class="title-section">
                    <div class="idv">
                        <img src="{{ asset('images/idv-idylcar.svg') }}" alt="Idv logo idylcar">
                    </div>
                    <h1>
                        Liste <span class="jaune">des concessions</span>
                    </h1>
                </div>
                <p>
                    Avec {{ nbConcession }} concessionnaires, toutes les routes mènent à IDYLCAR ! 
                    Pour acheter le camping-car, le fourgon ou le van de vos rêves, neuf, ou d’occasion avec toutes les garanties et le service IDYLCAR, ou bien pour l’entretien, la vente ou la pose d’accessoires, nos professionnels vous offriront toujours le meilleur service.
                    Si vous voulez vendre votre camping-car, votre van ou votre fourgon dans les meilleures conditions, n’hésitez pas : contactez le concessionnaire le plus proche.
                </p>

                <div class="filtres">
                    {% include 'concession/_filter.html.twig' with {form: form} only %}
                </div>
                <div class="row">
                    {% for concession in concessions %}
                        <div class="col-md-3 fiche-concession">
                            <div class="image-concession">
                                <div class="departement">
                                    <img src="{{ asset('images/idv-idylcar.svg') }}" class="idv" alt="Idv du logo Idylcar">
                                    <span>{{ concession.departement }}</span>
                                </div>
                                {% if concession.filename %}
                                    <img src="{{ vich_uploader_asset(concession, 'imageFile') | imagine_filter('thumbConcession') }}" alt="Photo de la concession {{ concession.nom }}">
                                {% endif %}
                                
                            </div>
                            <span class="raison-sociale">
                                {{ concession.raisonSociale }}
                            </span>
                            <h2>{{ concession.nom }}</h2>
                            <div class="adresse-tel">
                                <div class="adresse">
                                    <img src="{{ asset('images/icons/pointer-jaune.svg') }}" class="picto" alt="Pictogramme pointer de localisation - Idylcar véhicules de loisirs">
                                    <span>{{ concession.adresse|raw }} {{ concession.codePostal }} {{ concession.ville }}</span>
                                </div>
                                <div class="tel">
                                    <img src="{{ asset('images/icons/telephone-jaune.svg') }}" class="picto" alt="Pictogramme pointer de localisation - Idylcar véhicules de loisirs">
                                    <span>{{ concession.telephone }}</span>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </main>
{% endblock %}