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

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

{% block breadcrumb_content_inner -%}
    {{ ui.breadcrumb(group.display_name|truncate(35), href=h.url_for(group_type+'.read', id=group.name), attrs={"title": group.display_name}) }}
    {{- ui.breadcrumb(_('Manage members'), href=h.url_for(group_type+'.manage_members', id=group.name), active=true) }}
{%- endblock %}

{% block page_primary_action -%}
    {{ ui.page_action(_('Add Member'), href=h.url_for(group_type+'.member_new', id=group_dict.id), icon='plus-square') }}
    {{ ui.page_action(_('CSV'), href=h.url_for(group_type+'.member_dump', id=group_dict.id), icon='download') }}
{%- 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>
                <th></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>
                    <td>
                        {%- set modal_id = ui.util.id() -%}

                        {%- call ui.util.call(ui.button_group) -%}
                            {{ ui.button(ui.tooltip(ui.icon("wrench"), tooltip=_('Edit role')), style="secondary", size="sm", href=h.url_for(group_type + '.member_new', id=group_dict.id, user=user_id), aria={"label": _('Edit role'), "description": _('Edit the role of the user within the group')}) }}


                            {{ ui.modal_handle(ui.tooltip(ui.icon("times"), tooltip=_('Delete member')), style="danger", size="sm", id=modal_id, aria={"description": _('Delete this member from the group'), "label": _('Delete member')}) }}

                        {%- endcall %}

                        {{ ui.confirm_modal(_('Are you sure you want to delete this member?'), id=modal_id, href=h.url_for(group_type + '.member_delete', id=group_dict.id, user=user_id)) }}


                    </td>
                </tr>
            {% endfor %}
        </tbody>
    {%- endcall %}

{% endblock %}