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

{% set active_nav = 'users' %}

{% block title %}Admin · {{ 'admin.users.title'|trans }}{% endblock %}

{% block admin_content %}
    <div class="adm__header">
        <h1 class="adm__title">{{ 'admin.users.title'|trans }}</h1>
        <a href="{{ path('admin_users_new') }}" class="adm__btn adm__btn--primary">{{ 'admin.users.new'|trans }}</a>
    </div>

    <div class="adm__table-wrap">
        <table class="adm__table">
            <thead>
                <tr>
                    <th>{{ 'admin.users.table.name'|trans }}</th>
                    <th>{{ 'admin.users.table.email'|trans }}</th>
                    <th>{{ 'admin.users.table.role'|trans }}</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for user in users %}
                    <tr>
                        <td>{{ user.name }}</td>
                        <td>{{ user.email }}</td>
                        <td><span class="adm__badge adm__badge--role-{{ user.role.value|lower|replace({'role_': ''}) }}">{{ user.role.label }}</span></td>
                        <td>
                            <div class="adm__actions">
                                <a href="{{ path('admin_users_edit', {id: user.id}) }}" class="adm__btn adm__btn--ghost">{{ 'common.edit'|trans }}</a>
                                <form method="post" action="{{ path('admin_users_delete', {id: user.id}) }}"
                                      onsubmit="return confirm('{{ 'admin.users.confirm_delete'|trans({'%email%': user.email}) }}');">
                                    <input type="hidden" name="_token" value="{{ csrf_token('delete-user-' ~ user.id) }}">
                                    <button type="submit" class="adm__btn adm__btn--danger">{{ 'common.delete'|trans }}</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="4">{{ 'admin.users.empty'|trans }}</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}