{% extends "@blockier-templates/tables/users.html.twig" %}

{% block table %}
    <table id="{{table.id}}" class="tablesorter table table-bordered table-hover table-striped" data-sortlist="{{table.sortlist}}">
        <thead>
            <tr>
                <th class="sorter-metatext" data-column-name="name" data-column-template="#{{table.id}}-column-info" data-priority="1">{{translate('USER')}} <i class="fas fa-sort"></i></th>
                <th class="filter-metatext" data-column-name="organisations" data-sorter="false" data-column-template="#{{table.id}}-column-organisations" data-priority="2">{{translate("ORGANISATION", 2)}}</th>
                {% if 'last_activity' in table.columns %}
                    <th class="sorter-metanum" data-column-name="last_activity" data-column-template="#{{table.id}}-column-last-activity" data-priority="3">{{translate("ACTIVITY.LAST")}} <i class="fas fa-sort"></i></th>
                {% endif %}
                <th class="filter-select filter-metatext" data-column-name="status" data-column-template="#{{table.id}}-column-status" data-priority="2">{{translate("STATUS")}} <i class="fas fa-sort"></i></th>
                {% if hasRole('site-admin') or hasRole('organisations-admin') or (isOrganisationAdmin(organisation)) -%}
                <th data-column-name="actions" data-column-template="#{{table.id}}-column-actions" data-sorter="false" data-filter="false" data-priority="1">{{translate("ACTIONS")}}</th>
                {% endif %}
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
{% endblock %}


{% block table_cell_template_status %}
<script id="{{table.id}}-column-status" type="text/x-handlebars-template">
    {%- verbatim %}
    <td
        {{#ifx row.flag_enabled '==' 0 }}
            data-text="disabled"
        {{ else }}
            {{#ifx row.flag_verified '==' 0 }}
                data-text="unactivated"
            {{ else }}
                data-text="active"
            {{/ifx }}
        {{/ifx }}
    >
        {{#ifx row.flag_enabled '==' 0 }}
            <span class="text-muted">{% endverbatim %}{{translate("DISABLED")}}{% verbatim %}</span>
        {{ else }}
            {{#ifx row.flag_verified '==' 0 }}
                <span class="text-yellow">{% endverbatim %}{{translate("UNACTIVATED")}}{% verbatim %}</span>
            {{ else }}
                <span>{% endverbatim %}{{translate("ACTIVE")}}{% verbatim %}</span>
            {{/ifx }}
        {{/ifx }}
    </td>
    {% endverbatim -%}
</script>
{% endblock %}

{% block table_cell_template_actions %}
{% if hasRole('site-admin') or hasRole('organisations-admin') or (isOrganisationAdmin(organisation)) %}
<script id="{{table.id}}-column-actions" type="text/x-handlebars-template">
    {%- verbatim %}
    <td class="uf-table-fit-width">
        <div class="btn-group">
            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">{% endverbatim %}{{translate("ACTIONS")}}{% verbatim %}<span class="caret"></span></button>
            <ul class="dropdown-menu dropdown-menu-right-responsive" role="menu">
                {{#ifx row.membership_approved '!=' 1 }}
                <li>
                    <a href="#" data-slug="{% endverbatim %}{{organisation.slug}}{% verbatim %}" data-user_name="{{row.user_name}}" class="js-member-accept">
                    <i class="fas fa-thumbs-up"></i> {% endverbatim %}{{translate("ORGANISATION.JOIN_REQUEST.ACCEPT")}}{% verbatim %}
                    </a>
                </li>
                <li>
                    <a href="#" data-slug="{% endverbatim %}{{organisation.slug}}{% verbatim %}" data-user_name="{{row.user_name}}" class="js-member-reject">
                    <i class="fas fa-thumbs-down"></i> {% endverbatim %}{{translate("ORGANISATION.JOIN_REQUEST.REJECT")}}{% verbatim %}
                    </a>
                </li>
                {{ else }}
                <li>
                    <a href="#" data-slug="{% endverbatim %}{{organisation.slug}}{% verbatim %}" data-user_name="{{row.user_name}}" class="js-user-edit">
                    <i class="fas fa-edit"></i> {% endverbatim %}{{translate("USER.EDIT")}}{% verbatim %}
                    </a>
                </li>
                <li>
                    <a href="#" data-slug="{% endverbatim %}{{organisation.slug}}{% verbatim %}" data-user_name="{{row.user_name}}" class="js-user-password">
                    <i class="fas fa-key"></i> {% endverbatim %}{{translate("USER.ADMIN.CHANGE_PASSWORD")}}{% verbatim %}
                    </a>
                </li>
                <li>
                    <a href="#" data-slug="{% endverbatim %}{{organisation.slug}}{% verbatim %}" data-user_name="{{row.user_name}}" class="js-member-remove">
                    <i class="fas fa-door-open"></i> {% endverbatim %}{{translate("MEMBER.REMOVE")}}{% verbatim %}
                    </a>
                </li>
                {{/ifx}}
            </ul>
        </div>
    </td>
    {% endverbatim -%}
</script>
{% endif %}
{% endblock %}

{% block table_cell_template_extra %}
    {% block table_cell_template_organisations %}
    <script id="{{table.id}}-column-organisations" type="text/x-handlebars-template">
        {%- verbatim %}
        <td style="line-height: 2em;">
        {{#if row.organisations.length }}
            {{#each row.organisations }}
                <a href="{% endverbatim %}{{site.uri.public}}{% verbatim %}/organisations/o/{{this.slug}}" class="label bg-primary {{#ifx this.flag_approved '!=' 1 }}organisation-pending{{/ifx}} {{#if this.pivot.flag_admin }}organisation-admin{{/if}}" title="{{this.description}}" data-text="{{this.name}}" style="font-size: 100%;">{{this.name}}</a><br>
            {{/each}}
        {{/if }}
        {{#if row.pending_organisations.length }}
            {{#each row.pending_organisations }}
                <a href="{% endverbatim %}{{site.uri.public}}{% verbatim %}/organisations/o/{{this.slug}}" class="label bg-primary {{#ifx this.flag_approved '!=' 1 }}organisation-pending{{/ifx}} {{#if this.pivot.flag_admin }}organisation-admin{{/if}} membership-pending" title="{{this.description}}" data-text="{{this.name}}" style="font-size: 100%;">{{this.name}}</a><br>
            {{/each}}
        {{/if }}
        </td>
        {% endverbatim -%}
    </script>
    {% endblock %}
{% endblock %}