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

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

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

{% block page_primary_action -%}
    {% if h.check_access('organization_update', {'id': organization.id}) -%}
        {{ 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') }}
    {%- endif %}
{%- endblock %}

{% block primary_content_inner %}
    {% set count = members|length %}
    {% set members_count = ungettext('{count} member', '{count} members', count).format(count=count) %}
    {% set can_create_members = h.check_access('organization_member_create', {'id': organization.id}) %}
    {% set can_delete_members = h.check_access('organization_member_delete', {'id': organization.id}) %}
    <h1 class="page-heading">{{ _('Manage members') }}</h1>
    {{ ui.heading(members_count, level=2) }}

    {%- call ui.util.call(ui.table, bordered=true, hover=true) -%}
        <thead>
            <tr>
                <th>{{ _('User') }}</th>
                <th>{{ _('Role') }}</th>
                {% if can_create_members or can_delete_members %}
                    <th></th>
                {% endif %}
            </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>
                    {% if can_create_members or can_delete_members %}
                        <td>
                            {%- set modal_id = ui.util.id() -%}

                            {%- call ui.util.call(ui.button_group) -%}
                                {% if can_create_members %}
                                    {{ 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 organization')}) }}

                                {% endif %}

                                {% if can_delete_members %}
                                    {{ 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 organization'), "label": _('Delete member')}) }}
                                {% endif %}
                            {%- 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>
                    {% endif %}
                </tr>
            {% endfor %}
        </tbody>
    {%- endcall %}

{% endblock %}