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

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

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

{% block primary_content_inner %}
    {% set count = members|length %}
    {% set members_count = ungettext('{count} member', '{count} members', count).format(count=count) %}
    <h1 class="page-heading">{{ _('Members') }}</h1>
    {{ ui.heading(members_count) }}
    {%- call ui.util.call(ui.table, bordered=true, hover=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 %}