{% extends "group/read_base.html" %}

{% block subtitle -%}
    {{ ui.subtitle_item(_('Members')) }}
    {{- super() }}
{%- endblock %}

{% block page_primary_action -%}{% endblock %}

{% block primary_content_inner %}
    <h1 class="page-heading">{{ _('Members') }}</h1>
    {{ ui.heading(_('{0} members'.format(members|length)), level=2) }}
    {%- call ui.util.call(ui.table, hover=true, bordered=true) -%}
        <thead>
            <tr>
                <th>{{ _('User') }}</th>
                <th>{{ _('Role') }}</th>
            </tr>
        </thead>
        <tbody>
            {% for user_id, user, role in members %}
                <tr>
                    <td class="media">
                        {{ h.linked_user(user_id, maxlength=20) }}
                    </td>
                    <td>{{ role }}</td>
                </tr>
            {% endfor %}
        </tbody>

    {%- endcall %}

{% endblock %}