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

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

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

    <table class="table">
        <thead>
            <tr>
                <th class="id-column">{{'ID'|trans}}</th>
                <th>{{'Title'|trans}}</th>
                <th style="width: 200px;">{{'Slug'|trans}}</th>
                <th class="pull-right" style="width: 100px;">{{'Order'|trans}}</th>
                <th class="actions-column small-actions-column pull-right">actions</th>
            </tr>
        </thead>
        <tbody>
        {% for package in packages %}
            <tr>
                <td>{{ package.id }}</td>
                <td>{{ package.title }}</td>
                <td>{{ package.slug }}</td>
                <td class="pull-right">{{ package.orderIndex }}</td>
                <td class="actions-column small-actions-column pull-right">
                    <div class="buttons-group button-group-pull-right">
                        <a href="{{ path('package_show', {'id': package.id}) }}" class="button button-small">{{'Show'|trans}}</a>
                        <a href="{{ path('package_edit', {'id': package.id}) }}" class="button button-small">{{'Edit'|trans}}</a>
                    </div>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="8">
                    <div class="alert">
                        <div class="alert-message">{{ 'Can\'t find any package' | trans }}</div>
                        <div class="alert-actions">
                            <a href="{{ path('package_new') }}" class="button">{{ 'Create first package?' | trans }}</a>
                        </div>
                    </div>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    {% if packages|length > 0 %}
    <a href="{{ path('package_new') }}" class="button">Create new package</a>
    {% endif %}
{% endblock %}