{% if vehicules|length > 0 %}
    <div class="row filterCar">
        {% for vehicule in vehicules %}
        {% if vehicule.isActif %}
        <div class="col-lg-4 col-md-4 allCar marque{{ vehicule.marque.id }} modele{{ vehicule.modele }} {{ vehicule.carburant }} {{ vehicule.boite }} {{ vehicule.etatVehicule }} {{ (vehicule.portes == 5) ? 'five' : '' }} {{ (vehicule.portes == 3) ? 'three' : '' }}">
            <div class="car__item">
                <div data-swiper="1,1,1,1,30">
                    <div class="car__item__pic__slider toSwiper overflow-hidden">
                                {% if vehicule.promotion %}
                                    <div class="promotion">Promotion {{ vehicule.promotion }}%</div>
                                {% endif %}
                                {% if vehicule.nouveaute %}
                                    <div class="nouveaute position-absolute z-index-3 rounded-3 p-10">Nouveaute</div>
                                {% endif %}
                        <div class="swiper-wrapper">
                            {% for image in vehicule.imageVehicules %}
                            <div class="carImage swiper-slide" style="background-image: url('{{ asset(produitV ~ image.name) }}')">
                            </div>
                            {% endfor %}
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <div class="car__item__text">
                    <div class="car__item__text__inner">
                        {% if vehicule.circulation %}
                        <div class="label-date">{{ vehicule.circulation }}</div>
                        {% endif %}
                        <div class="titreCar"><a style="color: {{ vehicule.couleur }};" href="{{ path('app_vehicule', {'_locale': app.request.locale, 'slug':vehicule.translations[app.request.locale].slug|default('vehicule'), 'id':vehicule.id}) }}">{{ vehicule.translations[app.request.locale].name|default('') }} {{ vehicule.modele }}</a></div>
                        <ul>
                            <li><span>{{ vehicule.kilometrage }}</span> km</li>
                            <li>{{ vehicule.boite }}</li>
                            <li><span>{{ vehicule.puissance }}</span> ch</li>
                        </ul>
                    </div>
                    {% set remiseHT = (vehicule.prix - (vehicule.prix*(vehicule.promotion/100)))|round(2,'floor') %}
                    {% set remiseTTC = (remiseHT + (remiseHT*0.2))|round(2,'floor') %}
                    <div class="car__item__price">
                        <a href="{{ path('app_vehicule', {'_locale': app.request.locale, 'slug':vehicule.translations[app.request.locale].slug|default('vehicule'), 'id':vehicule.id}) }}" class="bouton">Détails</a>
                        {% if vehicule.vendu %}
                        <div class="price">Vendu</div>
                        {% elseif vehicule.prix %}
                        <div class="price">{{ (vehicule.promotion) ? '<strike>':'' }}{{ vehicule.prix }}{{ (vehicule.promotion) ? '</strike>':'' }} € {{ (vehicule.promotion) ? remiseHT:'' }}</div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
        {% endif %}
        {% endfor %}
    </div>
{% endif %}