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

{% set title = 'app.title.elabel_file'|trans %}

{% block title %}Elabel{% endblock %}

{% block body %}

    <h1>
        <a href="{{ path('elabel_index') }}" class="btn btn-sm btn-info"><span class="fas fa-fw fa-chevron-left"></span></a>
        {{ title }}
    </h1>

<table class="table table-borderedtab-pane fade show active" id="informations" role="tabpanel" aria-labelledby="informations-tab">
    <tbody>

    <tr>
        <th class="active" colspan="3" style="border-right: none;">
            {% if elabel.vehicle %}
            <img src="{{ absolute_url(asset('img/brands/' ~ elabel.vehicle.brandName|lower ~ '.png' )) }}" width="55px"/> {{ elabel.vehicle.brandName }} {{ elabel.vehicle.modelName }} {{ elabel.vehicle.versionName }}
            {% endif %}
        </th>
        <th class="text-right" style="border-left: none;">
            <a href="{{ path('elabel_edit', {'id': elabel.id}) }}" class="btn btn-sm btn-warning"><span class="fas fa-fw fa-edit"></span> {{ 'app.action.edit'|trans }}</a>
            <a href="{{ path('generateposterfromhtml_etiquette', {'id': elabel.id}) }}" class="btn btn-sm btn-primary"><span class="fas fa-fw fa-edit"></span> {{ 'app.action.createimg'|trans }}</a>
            <a href="{{ path('api_poster_generate', {'id': elabel.id}) }}" class="btn btn-sm btn-success" target="_blank"><span class="fas fa-fw fa-edit"></span> {{ 'app.action.api_poster_bin'|trans }}</a>
            <a href="{{ path('elabel_delete', {'id': elabel.id}) }}" class="btn btn-sm btn-danger"><span class="fas fa-fw fa-edit"></span> {{ 'app.action.delete'|trans }}</a>
        </th>
    </tr>
    </table>

    <table class="table">
        <tbody>
            <tr>
                <th>Id</th>
                <td>{{ elabel.id }}</td>
                <td rowspan="9">
                    {% if elabel.vehicle %}
                        <img src="{{ asset('tabletteImg/' ~ elabel.id ~ '.png') }}" class="img-fluid img-thumbnail" width="500" />
                    {% else %}
                        Aucun aperçu disponible
                    {% endif %}
                </td>
            </tr>
            <tr>
                <th>CreationDate</th>
                <td>{{ elabel.creationDate ? elabel.creationDate|date('d-m-Y') : '' }}</td>
            </tr>
            <tr>
                <th>Name</th>
                <td>{{ elabel.name }}</td>
            </tr>
            <tr>
                <th>BrandName</th>
                <td>{{ elabel.brandName }}</td>
            </tr>
            <tr>
                <th>ModelName</th>
                <td>{{ elabel.modelName }}</td>
            </tr>
            <tr>
                <th>TypeName</th>
                <td>{{ elabel.typeName }}</td>
            </tr>
            <tr>
                <th>EsimNumber</th>
                <td>{{ elabel.esimNumber }}</td>
            </tr>
            <tr>
                <th>Véhicule affecté</th>
                <td>
                    {% if elabel.vehicle %}
                        <img src="{{ absolute_url(asset('img/brands/' ~ vehicle.brandName|lower ~ '.png' )) }}" width="55px"/> {{ vehicle.fileNumber }} {{ vehicle.brandName }} {{ vehicle.modelName }} {{ vehicle.versionName }}</td>
                    {% else %}
                        Aucun véhicule affecté
                    {% endif %}
            </tr>
            <tr>
                <th>LastUpdate</th>
                <td>{{ elabel.lastUpdate ? elabel.lastUpdate|date('d-m-Y') : '' }}</td>
            </tr>
        </tbody>
    </table>

    

{% endblock %}