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

{% block title %}{{ 'vehicle_type'|trans }}{% endblock %}

{% block body %}
<div class="page">
    {% if is_granted('ROLE_ADMIN') %}
        {% include '/partials/sidebar_admin.html.twig' %}
    {% else %}
        {% include '/partials/sidebar_user.html.twig' %}
    {% endif %}

    <main class="main-content">
        <header class="header">
            {% if vehicle_type.name != "" %}
                <h1>{{ vehicle_type.name }}</h1>
            {% else %}
                <h1>{{ 'vehicle_type'|trans }}</h1>
            {% endif %}
        </header>

        <section class="content">
            <table class="table">
                <tbody>
                    <tr>
                        <th>{{ 'id'|trans }}</th>
                        <td>{{ vehicle_type.id }}</td>
                    </tr>
                    <tr>
                        <th>{{ 'name'|trans }}</th>
                        <td>{{ vehicle_type.name }}</td>
                    </tr>
                    <tr>
                        <th>{{ 'color'|trans }}</th>
                        <td>{{ vehicle_type.color }}</td>
                    </tr>
                    <tr>
                        <th>{{ 'description'|trans }}</th>
                        <td>{{ vehicle_type.description }}</td>
                    </tr>
                    <tr>
                        <th>{{ 'power_source'|trans }}</th>
                        <td>{{ vehicle_type.powerSource.value }}</td>
                    </tr>
                </tbody>
            </table>

            <a href="{{ path('app_vehicle_type_index') }}" class="button button-back">{{ 'back'|trans }}</a>

            <a href="{{ path('app_vehicle_type_edit', {'id': vehicle_type.id}) }}" class="button button-edit">{{ 'edit'|trans }}</a>

            {{ include('vehicle_type/_delete_form.html.twig') }}
        </section>
    </main>
</div>
{% endblock %}