{% extends 'base.html.twig' %}
{% block title %}
    {{ voiture.marque }}
    {{ voiture.modele }}{% if voiture.type %}
        {{ voiture.type }}
    {% endif %}
{% endblock %}
{% block body %}
    <div class="voiture-title" style="background-image: url('/uploads/{{ voiture.coverImage }}')">
        <div class="row">
            <div class="col-md-9">
                <h1 class="my-3">
                    {{ voiture.marque }}
                    {{ voiture.modele }}
                    {% if voiture.type %}
                        {{ voiture.type }}
                    {% endif %}
                </h1>
                <p>
                    {{ voiture.introduction }}</p>
                <p class="h2">
                    <small>{{ voiture.etat }}</small>
                </p>
            </div>
            <div class="col-md-3 mt-5">
                <div class="mt-4">
                    <a class="btn btn-primary mt-5 p-3" href="{{ path('contact') }}">Demandez plus d'info</a>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-8 mb-3">
                <div class="carousel slide carousel-fade my-3" data-ride="carousel" id="carouselExampleIndicators">
                    <ol class="carousel-indicators">
                        {% for image in voiture.images %}
                            <li data-target="#carouselExampleIndicators" data-slide-to=" {{loop.index0 }} " class="{% if loop.first %} active {% endif %}"></li>
                        {% endfor %}
                    </ol>
                    <div class="carousel-inner">
                        {% for image in voiture.images %}
                            {% set urlimage = "/uploads/" ~ image.url %}
                            <div class="carousel-item {% if loop.first %} active {% endif %}">
                                <img src="{{ asset( urlimage ) }}" class="d-block w-100" alt="{{ voiture.slug }}">
                                </div>
                            {% endfor %}
                        </div>
                        <a class="carousel-control-prev" data-slide="prev" href="#carouselExampleIndicators" role="button">
                            <span aria-hidden="true" class="carousel-control-prev-icon"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" data-slide="next" href="#carouselExampleIndicators" role="button">
                            <span aria-hidden="true" class="carousel-control-next-icon"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="fb-like" data-action="like" data-href="http://www.le-musee.fr/voitures/{{ voiture.marque }}" data-layout="button_count" data-share="true" data-show-faces="true" data-size="small"></div>
                    <p class="text-primary">{{ voiture.content | raw}}</p>
                </div>
                <div class="col my-1">
                    <div class="card bg-primary mb-3">
                        <div class="card-body">
                            <h3 class="text-center text-white my-1">{{ voiture.prix }}
                            </h3>
                        </div>
                    </div>
                    <h5 class="text-center">Caractéristiques :</h5>
                    <div class="row mt-3">
                        <table class="table table-sm table-striped table-hover table-dark">
                            <tbody>
                                <tr>
                                    <td>Marque</td>
                                    <td>
                                        {{ voiture.marque }}</td>
                                </tr>
                                <tr>
                                    <td>Modèle</td>
                                    <td>
                                        {{ voiture.modele }}</td>
                                </tr>
                                {% if voiture.type %}
                                    <tr>
                                        <td>Type</td>
                                        <td>
                                            {{ voiture.type }}</td>
                                    </tr>
                                {% endif %}
                                <tr>
                                    <td>Carburant</td>
                                    <td>
                                        {{ voiture.carburant }}</td>
                                </tr>
                                <tr>
                                    <td>Année</td>
                                    <td>
                                        {{ voiture.annee }}</td>
                                </tr>
                                {% if voiture.numeroSerie %}
                                    <tr>
                                        <td>N° de série</td>
                                        <td>
                                            {{ voiture.numeroSerie }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.origine %}
                                    <tr>
                                        <td>Origine</td>
                                        <td>
                                            {{ voiture.origine }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.kilometrage %}
                                    <tr>
                                        <td>Kilomètrage</td>
                                        <td>
                                            {{ voiture.kilometrage }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.cvFiscaux %}
                                    <tr>
                                        <td>CV fiscaux</td>
                                        <td>
                                            {{ voiture.cvFiscaux }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.moteurEtCylindree %}
                                    <tr>
                                        <td>Moteur & Cylindrée</td>
                                        <td>
                                            {{ voiture.moteurEtCylindree }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.puissance %}
                                    <tr>
                                        <td>Puissance</td>
                                        <td>
                                            {{ voiture.puissance }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.boiteDeVitesse %}
                                    <tr>
                                        <td>Boite de vitesse</td>
                                        <td>
                                            {{ voiture.boiteDeVitesse }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.nombreDePlace %}
                                    <tr>
                                        <td>Nombre de place</td>
                                        <td>
                                            {{ voiture.nombreDePlace }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.conduite %}
                                    <tr>
                                        <td>Conduite</td>
                                        <td>
                                            {{ voiture.conduite }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.carrosserie %}
                                    <tr>
                                        <td>Carrosserie</td>
                                        <td>
                                            {{ voiture.carrosserie }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.couleurCarrosserie %}
                                    <tr>
                                        <td>Couleur carrosserie</td>
                                        <td>
                                            {{ voiture.couleurCarrosserie }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.couleurInterieur %}
                                    <tr>
                                        <td>Couleur intèrieur</td>
                                        <td>
                                            {{ voiture.couleurInterieur }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.longueur %}
                                    <tr>
                                        <td>Longueur</td>
                                        <td>
                                            {{ voiture.longueur }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.largeur %}
                                    <tr>
                                        <td>Largeur</td>
                                        <td>
                                            {{ voiture.largeur }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.hauteur %}
                                    <tr>
                                        <td>Hauteur</td>
                                        <td>
                                            {{ voiture.hauteur }}</td>
                                    </tr>
                                {% endif %}
                                {% if voiture.poidsAVide %}
                                    <tr>
                                        <td>Poids à vide</td>
                                        <td>
                                            {{ voiture.poidsAVide }}</td>
                                    </tr>
                                {% endif %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}