{% extends 'user/master.twig' %}
{% from 'macros.twig' import pagination, container_title %}
{% from '_layout/input.twig' import input_select %}
{% from 'user/macros.twig' import user_card %}

{% set url_role = role.role_id != 1 ? role.role_id : 0 %}
{% set url_sort = order_field == order_default ? '' : order_field %}
{% set url_direction = order_fields[order_field]['default-dir'] == order_direction ? '' : order_direction %}
{% set canonical_url = url_construct('/members.php', {
    'r': url_role,
    'ss': url_sort,
    'sd': url_direction,
    'p': users_pagination.page > 2 ? users_pagination.page : 0,
}) %}
{% set title = role.role_id == 1 ? 'Members' : 'Role » ' ~ role.role_name  %}
{% set manage_link = '/manage/users.php?v=listing' %}

{% block content %}
    <form class="container" onchange="this.submit()" style="{{ role.role_colour|html_colour('--accent-colour') }}">
        {{ container_title('<i class="fas fa-users fa-fw"></i> Member Listing') }}

        <div class="userlist__selection">
            {{ input_select('r', roles, role.role_id, 'role_name', 'role_id') }}
            {{ input_select('ss', order_fields, order_field, 'title') }}
            {{ input_select('sd', order_directions, order_direction) }}

            <noscript>
                <button class="input__button">Go</button>
            </noscript>
        </div>
    </form>

    {% set mpagination = pagination(users_pagination, '/members.php', null, {
        'r': url_role, 'ss': url_sort, 'sd': url_direction,
    }) %}

    {{ mpagination }}

    <div class="userlist">
        {% for user in users %}
            <div class="userlist__item">
                {{ user_card(user, null, null, not can_manage_users ? [] : [
                    {
                        'href': '/manage/users.php?v=view&u=%d'|format(user.user_id),
                        'text': 'Manage',
                    }
                ]) }}
            </div>
        {% endfor %}
    </div>

    {{ mpagination }}
{% endblock %}