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

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

{% block breadcrumb_content -%}
    {{ super() }}
    {{ ui.breadcrumb(_("Manage Members"), href=h.url_for(group_type ~ '.manage_members', id=group_dict.name), active=request.endpoint==group_type ~ '.manage_members') }}
{%- endblock -%}


{%- block content_action -%}
    {{ ui.content_action(_('Add Member'), href=h.url_for(group_type ~ '.member_new', id=group_dict.name), icon="plus") }}
    {{ super() }}
{%- endblock %}


{% block primary_content_inner %}
    {%- call ui.util.call(ui.section, title=_('Manage Members'), level=1) -%}

        {% if members %}
            {% if members %}
                {%- call ui.util.call(ui.table, striped=true) -%}
                    <thead>
                        <tr>
                            <th>{{ _('User') }}</th>
                            <th>{{ _('Role') }}</th>
                            <th class="nsw-text-right">{{ _('Action') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for user_id, user, role in members %}

                            <tr>
                                <td class="nsw-text-bold">
                                    {{ h.linked_user(user_id, maxlength=20) }}
                                </td>
                                <td>
                                    {{ ui.tag(role) }}
                                </td>
                                <td>
                                    {%- set modal_id = ui.util.id() -%}

                                    {{ 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)) }}

                                    <div class="nsw-text-right">


                                        {{ ui.button(_('Edit'), href=h.url_for(group_type ~ '.member_new', id=group_dict.name, user=user_id), size="sm", style="secondary") }}

                                        {{ ui.modal_handle(_("Delete"), style="danger", size="sm", id=modal_id) }}
                                    </div>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                {%- endcall %}
            {% else %}
                {{ ui.empty(_('No members found.')) }}
            {% endif %}

        {% else %}
            {{ ui.empty(_('No members found.')) }}
        {% endif %}
    {%- endcall %}
{% endblock %}