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

{% block title %}{{ 'Car Types :: Dashboard' | trans }}{% endblock %}

{% block body %}
    <h1>{{ 'Car Types' | trans }}</h1>

    <table class="table">
        <thead>
            <tr>
                <th>{{ 'Name' | trans }}</th>
                <th class="pull-right" style="width:125px;">{{ 'Order Index' | trans }}</th>
                <th class="actions-column pull-right">{{ 'Actions' | trans }}</th>
            </tr>
        </thead>
        <tbody>
        {% for car_group in car_groups %}
            <tr>
                <td>{{ car_group.name }}</td>
                <td class="pull-right" style="width:125px;">{{ car_group.orderIndex }}</td>
                <td class="actions-column pull-right">
                    <div class="buttons-group button-group-pull-right">
                        <a href="{{ path('car_group_show', {'id': car_group.id}) }}" class="button button-small">{{ 'Show' | trans }}</a>
                        <a href="{{ path('car_group_edit', {'id': car_group.id}) }}" class="button button-small">{{ 'Edit' | trans }}</a>
                    </div>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="2">
                    <div class="alert">
                        <div class="alert-message">
                            {{ 'Can\'t find any car type' | trans }}
                        </div>
                        <div class="alert-actions">
                            <a href="{{ path('car_group_new') }}" class="button">{{ 'Create first car type?' | trans }}</a>
                        </div>
                    </div>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    {% if car_groups|length > 0 %}
    <a href="{{ path('car_group_new') }}" class="button">{{ 'Create a new type' | trans }}</a>
    {% endif %}
{% endblock %}