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

{% block title %}Notre Parc{% endblock %}

{% block body %}
<div class="container">
    <div class="shadow-lg p-3 mb-5 bg-white rounded">
        <h1 class="text-center my-5">Bienvenue dans notre Parc</h1>
        
        <h5 class="text-center my-5 ">
            Toutefois, si vous ne trouvez pas le véhicule de vos rêves dans ce listing,<br><br>
            n’hésitez surtout pas à nous <a href="{{ path('contact') }}" style="color: rgb(214, 0, 0)"> contacter</a>. <br><br><br>
            
            Grâce à nos collaborateurs à l’international et nos déplacements trimestriels,<br><br>
            nous pouvons trouver votre véhicule de collection restauré, ou à restaurer.<br><br><br>

            Nous sélectionnons pour vous, selon vos désirs et votre budget,<br><br>
            les véhicules correspondants à vos attentes.<br><br>
        </h5>
    </div>
    <div class="row">
        {% for voiture in pagination.data %}
            {% set url = path('voitures_show',{'slug': voiture.slug}) %}

            <div class="col-md-4 my-2">
                <div class="card border-secondary mb-3">
                    <div class="card-header text-center">
                        {{ voiture.prix }}<br><small>{{ voiture.etat }}</small>
                    </div>
                    <div id="carouselExampleSlidesOnly" class="carousel slide carousel-fade" data-interval="3000" data-ride="carousel">
                        <div class="carousel-inner">
                            {% for image in voiture.images %}
                            {% set urlimage = "/uploads/" ~ image.url %}
                                <div class="carousel-item {% if loop.first %} active {% endif %}">
                                    <a href="{{ url }}" target="_blank">
                                        <img src="{{ asset( urlimage ) }}" class="d-block w-100"  alt="{{ voiture.slug }}">
                                    </a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                    <div class="card-body">
                        <a href="{{ url }}" target="_blank">
                            <h4 class="card-title">{{ voiture.marque }} {{ voiture.modele }} {% if voiture.type %} {{ voiture.type }} {% endif %}</h4>
                        </a>
                        <p class="card-text">{{ voiture.Introduction | raw}}</p>
                        <a href="{{ url }}" class="btn btn-primary" target="_blank">En savoir plus !</a>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
    {% include 'admin/shared/pagination.html.twig' with {'route': 'voitures_index'} %}
</div>
{% endblock %}