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

{% block title %}Administration site Internet - EDIFIA WEB{% endblock %}

{% block content %}
    {% autoescape false %}
        <div class="row">
            <div class="col">
                <h2 class="mb-4">
                    {{ 'user.rank.page_title'|trans({}, 'admin') }}
                </h2>

                <table class="table table-hover table-striped datatable" id="user_rank" data-order='[[6, "desc"]]'>
                    <thead>
                    <tr>
                        <th scope="col">{{ 'user.label.id'|trans({}, 'admin') }}</th>
                        <th scope="col">{{ 'user.label.firstname'|trans({}, 'admin') }}</th>
                        <th scope="col">{{ 'user.label.lastname'|trans({}, 'admin') }}</th>
                        <th scope="col">{{ 'user.label.username'|trans({}, 'admin') }}</th>
                        <th scope="col">{{ 'user.label.email'|trans({}, 'admin') }}</th>
                        <th scope="col">{{ 'user.label.last_connection'|trans({}, 'admin') }}</th>
                        <th scope="col">{{ 'user.label.rank'|trans({}, 'admin') }}</th>
                        <th scope="col">{{ 'user.label.points'|trans({}, 'admin') }}</th>
                        <th scope="col"><i class="fa fa-cogs" aria-hidden="true"></i> {{ 'user.label.actions'|trans({}, 'admin') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% if users is defined and users is iterable %}
                        {% for user in users %}
                            <tr>
                                <td>{{ user.id }}</td>
                                <td>{{ user.firstname }}</td>
                                <td>{{ user.lastname }}</td>
                                <td>{{ user.username }}</td>
                                <td>{{ user.email }}</td>
                                <td>{{ (user.lastConnectionAt is defined and user.lastConnectionAt is not null) ? user.lastConnectionAt|date('d/m/Y H:i') : '-' }}</td>
                                <td><span class="badge bg-secondary">{{ user.rank }}</span></td>
                                <td>{{ user.points }}</td>
                                <td>
                                    <a href="{{ path('admin_user_edit', {'id': user.id}) }}" class="btn btn-sm btn-primary" data-toggle="tooltip" title="{{ 'user.edit_btn_tooltip'|trans({}, 'admin') }}">
                                        <i class="far fa-edit"></i> {{ 'button.edit'|trans({}) }}
                                    </a>
                                    <a href="{{ path('admin_user_stats', {'id': user.id}) }}" class="btn btn-sm btn-info" data-toggle="tooltip" title="{{ 'user.stats.btn_tooltip'|trans({}, 'admin') }}">
                                        <i class="far fa-chart-bar"></i> {{ 'button.stats'|trans({}) }}
                                    </a>
                                    <a href="{{ path('admin_user_delete', {'id': user.id}) }}" class="btn btn-sm btn-danger" data-toggle="tooltip" title="{{ 'user.delete_btn_tooltip'|trans({}, 'admin') }}">
                                        <i class="far fa-trash-alt"></i> {{ 'button.delete'|trans({}) }}
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                    {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
    {% endautoescape %}
{% endblock %}