{% extends 'admin/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="container">
        <h1 class="my-3">{{ voiture.marque }} {{ voiture.modele }} {% if voiture.type %} {{ voiture.type }} {% endif %}</h1>
        <p>{{ voiture.introduction | raw}}</p>
        <p class="h2">
            <small>{{ voiture.etat }}</small>
        </p>
        <a href="#" class="btn btn-primary">Demandez plus d'info</a>
    </div>
</div>
 
<div class="container">
    <div class="row">
        <div class="col-md-8 mb-3">
            <div id="carouselExampleIndicators" class="carousel slide carousel-fade my-3" data-ride="carousel">
                <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" href="##carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
            <div class="fb-like" data-href="http://www.le-musee.fr/voitures/{{ voiture.slug }}" data-layout="button_count" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>
            <p class="text-center">{{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">Caracteristiques :</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>Modele</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>Annee</td>
                            <td>{{ voiture.annee }}</td>
                            
                        </tr>
                        {% if voiture.numeroSerie %}
                        <tr>
                            <td>N° de serie</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>Kilometrage</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 & Cylindree</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 interieur</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>
{% endblock %}