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

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

{% block body %}
    <h1>
        {{ title }}
        <a href="{{ path('app_user_new') }}" class="btn btn-sm btn-success"><span class="fas fa-fw fa-plus"></span> {{ 'app.action.create'|trans }}</a>
    </h1>

    <table class="table">
        <thead>
            <tr>
                <th class="text-center">{{ 'app.label.id'|trans }}</th>
                <th class="text-center">{{ 'app.label.username'|trans }}</th>
                <th class="text-center">{{ 'app.label.roles'|trans }}</th>
                <th class="text-center">{{ 'app.label.firstName'|trans }}</th>
                <th class="text-center">{{ 'app.label.lastName'|trans }}</th>
                <th class="text-center">{{ 'app.label.email'|trans }}</th>
                <th class="text-center">{{ 'app.label.actions'|trans }}</th>
            </tr>
        </thead>
        <tbody>
        {% for user in users %}
            <tr>
                <td>{{ user.id }}</td>
                <td>{{ user.username }}</td>
                <td>{{ user.roles == 'ROLE_ADMIN' ? 'app.text.admin'|trans : 'app.text.user'|trans }}</td>
                <td>{{ user.firstName }}</td>
                <td>{{ user.lastName }}</td>
                <td>{{ user.email }}</td>
                <td class="text-right">
                    <a href="{{ path('app_user_show', {'id': user.id}) }}" class="btn btn-sm btn-info"><span class="fas fa-fw fa-eye"></span> {{ 'app.action.show'|trans }}</a>
                    <a href="{{ path('app_user_edit', {'id': user.id}) }}" class="btn btn-sm btn-warning"><span class="fas fa-fw fa-edit"></span> {{ 'app.action.edit'|trans }}</a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}