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

{% block title %}{{'Cars :: Dashboard' | trans}}{% endblock %}

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

    <table class="table">
        <thead>
            <tr>
                <th>{{'Name'|trans}}</th>
                <th>{{'Car Class' | trans}}</th>
                <th class="actions-column pull-right">{{'Actions' | trans}}</th>
            </tr>
        </thead>
        <tbody>
        {% for car in cars %}
            <tr>
                <td>{{ car.name }}</td>
                <td>{{ car.carClass }}</td>
                <td class="actions-column pull-right">
                    <div class="buttons-group button-group-pull-right">
                        <a href="{{ path('car_show', {'id': car.id}) }}" class="button button-small">{{'Show' | trans}}</a>
                        <a href="{{ path('car_edit', {'id': car.id}) }}" class="button button-small">{{ 'Edit' | trans }}</a>
                    </div>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="3">
                    <div class="alert">
                        <div class="alert-message">{{ 'Can\'t find any car' }}</div>
                        <div class="alert-actions">
                            <a href="{{ path('car_new') }}" class="button">{{ 'Create first car?' | trans }}</a>
                        </div>
                    </div>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    {% if cars|length > 0 %}
    <div class="grid align-center">
        <div>
            <a href="{{ path('car_new') }}" class="button">{{'Create a car' | trans}}</a>
        </div>
        <div class="pull-right">
            {{ knp_pagination_render(cars)  }}
        </div>
    </div>
    {% endif %}
{% endblock %}