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

{% block title %}Bienvenue{% endblock %}

{% block body %}

<div class="container mt-3 shadow-lg p-0 mb-5 bg-primary rounded">
        <video width="100%" height="500px" autoplay="true" loop>
            <source src="/video/lemusee_drone.mp4"
            type="video/mp4">
            Désolé, votre navigateur ne prend pas en charge les vidéos intégrées.
        </video>
</div>

<div class="container">
    <div class="jumbotron">
        <h3 class="home-caption">Le plaisir de l’exception avec le Musée</h3>
        <p class="lead text-primary">Vous rêvez d’une voiture d’exception, de revivre vos séries télévisées à travers les voitures qui ont marqué le siècle dernier ?</p>
        <hr class="my-4">
        <p class="text-primary">Venez rencontrer notre équipe de passionnés qui vous aideront à trouver ou à restaurer votre véhicule...</p>
        <p class="lead my-4 text-primary">
        <a class="btn btn-primary btn-lg" href="{{ path('a_propos') }}" role="button">Lire la suite</a>
        </p>
    </div>
</div>
{# 
<div class="container mt-3 shadow-lg p-0 mb-5 bg-primary rounded hide-carroussel">
        <div id="carouselExampleSlidesOnly" class="carousel slide carousel-fade" data-interval="3000" data-pause="false" data-ride="carousel">
            <div class="carousel-inner">
            {% for voiture in voitures %}
            {% set url = path('voitures_show',{'slug': voiture.slug}) %}
            <div class="carousel-item {% if loop.first %} active {% endif %}">
                <a href="{{ url }}" target="_blank">
                    <img src="/uploads/{{voiture.coverImage}}" class="img-fluid"
                        style="height: 500px; width: 100%; display: block" alt="{{voiture.slug}}">
                </a>
                <div class="carousel-caption d-none d-md-block">
                    <a style="text-decoration: none;" href="{{ url }}" target="_blank">
                        <h1 class="voiture-title">{{ voiture.marque }} {{ voiture.modele }} {% if voiture.type %}
                            {{ voiture.type }} {% endif %}</h1>
                        <p>{{ voiture.etat }}</p>
                        <p>{{ voiture.prix }} prix TTC</p>
                    </a>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</div> #}


{% endblock %}