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

{% block body %}


<!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('vehicule_index') }}">Véhicule</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Details</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="row">
        <div class="col-lg-6 col-xs-12 col-sm-12">

            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-settings"></i>
                        <span class="caption-subject">Détails véhicule</span>
                    </div>
                </div>

                <div class="portlet-body form">
                    <div class="form-body">
                    <table width="100%">
                        <tbody>
                            <tr>
                                <th style="width: 200px;">Photo véhicule</th>
                                <td>
                                    {% set vehiculePhoto = vehicule.mainPhoto 
                                        ? asset('uploads/vehicules/' ~ vehicule.mainPhoto) 
                                        : (vehicule.brand and vehicule.brand.defaultVehiculePhoto 
                                            ? asset('uploads/marques/photos/' ~ vehicule.brand.defaultVehiculePhoto) 
                                            : null) 
                                    %}
                                    {% if vehiculePhoto %}
                                        <div style="padding: 15px; background: #f9f9f9; border-radius: 4px; display: inline-block;">
                                            <img src="{{ vehiculePhoto }}" 
                                                 alt="{{ vehicule.immatriculation }}" 
                                                 style="max-width: 300px; max-height: 200px; object-fit: contain;">
                                        </div>
                                    {% else %}
                                        <span class="text-muted">Aucune photo disponible</span>
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th>Logo marque</th>
                                <td>
                                    {% if vehicule.brand and vehicule.brand.logo %}
                                        <div style="padding: 10px; background: #f9f9f9; border-radius: 4px; display: inline-block;">
                                            <img src="{{ asset('uploads/marques/logos/' ~ vehicule.brand.logo) }}" 
                                                 alt="{{ vehicule.brand.name }}" 
                                                 style="max-width: 120px; max-height: 60px; object-fit: contain;">
                                        </div>
                                    {% else %}
                                        <span class="text-muted">Aucun logo</span>
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th>N° Châssis</th>
                                <td>{{ vehicule.numChassis }}</td>
                            </tr>
                            <tr>
                                <th>Marque</th>
                                <td>{{ vehicule.marque }}</td>
                            </tr>
                            {% if vehicule.modele %}
                            <tr>
                                <th>Modèle</th>
                                <td>{{ vehicule.modele }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.immatriculation %}
                            <tr>
                                <th>Immatriculation</th>
                                <td>{{ vehicule.immatriculation }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.genre %}
                            <tr>
                                <th>Genre</th>
                                <td>{{ vehicule.genre }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.energie %}
                            <tr>
                                <th>Energie</th>
                                <td>{{ vehicule.energie }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.couleur %}
                            <tr>
                                <th>Couleur</th>
                                <td>{{ vehicule.couleur }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.ingredient %}
                            <tr>
                                <th>Ingredient</th>
                                <td>{{ vehicule.ingredient }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.type %}
                            <tr>
                                <th>Type</th>
                                <td>{{ vehicule.type }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.carosserie %}
                            <tr>
                                <th>Carosserie</th>
                                <td>{{ vehicule.carosserie }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.dateMiseEnCirculation %}
                            <tr>
                                <th>Date de mise en circulation</th>
                                <td>{% if vehicule.dateMiseEnCirculation %}{{ vehicule.dateMiseEnCirculation|date('d-m-Y') }}{% endif %}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.places %}
                            <tr>
                                <th>Nombre de places</th>
                                <td>{{ vehicule.places }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.puissanceFiscale %}
                            <tr>
                                <th>Puissance fiscale</th>
                                <td>{{ vehicule.puissanceFiscale }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.kilometrage %}
                            <tr>
                                <th>Kilomètrage</th>
                                <td>{{ vehicule.kilometrage }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.numMoteur %}
                            <tr>
                                <th>N° de moteur</th>
                                <td>{{ vehicule.numMoteur }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.numBoiteAVitesse %}
                            <tr>
                                <th>N° de boite à vitesse</th>
                                <td>{{ vehicule.numBoiteAVitesse }}</td>
                            </tr>
                            {% endif %}
                            {% if vehicule.dateEntree %}
                            <tr>
                                <th>Date d'entrée</th>
                                <td>{% if vehicule.dateEntree %}{{ vehicule.dateEntree|date('d-m-Y') }}{% endif %}</td>
                            </tr>
                            {% endif %}
                        </tbody>
                    </table>
                    </div>

                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-9">
                                <a href="{{ path('vehicule_index') }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>
                                {% if app.user.aDroit('vehicule_modification') %}
                                <a href="{{ path('vehicule_edit', { 'id': vehicule.id }) }}" class="btn green">Modifier</a>
                                {% endif %}

                                {% if app.user.aDroit('vehicule_suppression') %}
                                <button type="button" class="btn red" onclick="document.form.submit();"><i class="fa fa-close"></i> Supprimer</button>
                                {% endif %}
                            </div>
                        </div>
                    </div>

                    {{ form_start(delete_form) }}
                    {{ form_end(delete_form) }}
                    
                    
                </div>
            </div>

        </div>

        <div class="col-lg-6 col-xs-12 col-sm-12">

            {% if app.user.aDroit('reparation_consultation') and vehicule.getReparations() %}
            <div class="row">
                <div class="col-lg-12 col-xs-12 col-sm-12">
                    <div class="portlet light bordered">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="icon-settings"></i>
                                <span class="caption-subject">Réparations</span>
                            </div>
                        </div>

                        <div class="portlet-body form">
                            <div class="form-body">
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <th>O.R.</th>
                                                <th>Date</th>
                                                <th>Véhicule</th>
                                                <th>Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {% for vente in vehicule.getReparations() %}
                                                <tr>
                                                    <td>
                                                        {{ vente.numReparation }}
                                                    </td>
                                                    <td>{{ vente.dateReparation|date('d-m-Y') }}</td>
                                                    <td>{{ vente.getVehicule().getImmatriculation() }}</td>
                                                    <td>
                                                        <div class="btn-group">
                                                            <a href="{{ path('reparation_show', { 'id': vente.id }) }}" class="btn btn-xs green hidden-print" target="_blank" title="Afficher"><i class="fa fa-mail-forward"></i></a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}

        </div>
    </div>
    
{% endblock %}