{% 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="#user-table-column-info" data-priority="1">{{translate('USER')}} <i class="fas fa-sort"></i></th>
                <th class="filter-metatext" data-column-name="organisations" data-column-template="#user-table-column-organisations" data-priority="2">{{translate("ORGANISATION", 2)}} <i class="fas fa-sort"></i></th>
                {% if 'last_activity' in table.columns %}
                    <th class="sorter-metanum" data-column-name="last_activity" data-column-template="#user-table-column-last-activity" data-priority="3">{{translate("ACTIVITY.LAST")}} <i class="fas fa-sort"></i></th>
                {% endif %}
                {% if 'via_roles' in table.columns %}
                    <th data-column-template="#user-table-column-via-roles" data-sorter="false" data-filter="false" data-priority="1">{{translate('PERMISSION.VIA_ROLES')}}</th>
                {% endif %}
                <th class="filter-select filter-metatext" data-column-name="status" data-column-template="#user-table-column-status" data-priority="2">{{translate("STATUS")}} <i class="fas fa-sort"></i></th>
                <th data-column-name="actions" data-column-template="#user-table-column-actions" data-sorter="false" data-filter="false" data-priority="1">{{translate("ACTIONS")}}</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
{% endblock %}


{% block table_cell_template_actions %}
{% verbatim %}
<script id="user-table-column-actions" type="text/x-handlebars-template">
    <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.flag_verified '==' 0 }}
                <li>
                    <a href="#" data-user_name="{{row.user_name}}" class="js-user-activate">
                    <i class="fas fa-bolt"></i> {% endverbatim %}{{translate("USER.ACTIVATE")}}{% verbatim %}
                    </a>
                </li>
                {{/ifx }}
                <li>
                    <a href="#" 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-user_name="{{row.user_name}}" class="js-user-roles">
                    <i class="fas fa-id-card"></i> {% endverbatim %}{{translate("ROLE.MANAGE")}}{% verbatim %}
                    </a>
                </li>
                <li>
                    <a href="#" data-user_name="{{row.user_name}}" class="js-user-organisations">
                    <i class="fas fa-sitemap"></i> {% endverbatim %}{{translate("ORGANISATION.MANAGE")}}{% verbatim %}
                    </a>
                </li>
                <li>
                    <a href="#" 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>
                {{#ifx row.flag_enabled '==' 1 }}
                    <a href="#" data-user_name="{{row.user_name}}" class="js-user-disable">
                    <i class="fas fa-minus-circle"></i> {% endverbatim %}{{translate("USER.DISABLE")}}{% verbatim %}
                    </a>
                {{ else }}
                    <a href="#" data-user_name="{{row.user_name}}" class="js-user-enable">
                    <i class="fas fa-plus-circle"></i> {% endverbatim %}{{translate("USER.ENABLE")}}{% verbatim %}
                    </a>
                {{/ifx }}
                </li>
                <li>
                    <a href="#" data-user_name="{{row.user_name}}" class="js-user-delete">
                    <i class="fas fa-trash-alt"></i> {% endverbatim %}{{translate("USER.DELETE")}}{% verbatim %}
                    </a>
                </li>
            </ul>
        </div>
    </td>
</script>
{% endverbatim %}
{% endblock %}

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