{% extends 'settings/layout.html' %}
{% load i18n %}
{% load utilities %}

{% block title %}{% trans "Users" %}{% endblock %}

{% block header %}
{% if server %}
{% blocktrans with instance_name=server.server_name %}Users: <small>{{ instance_name }}</small>{% endblocktrans %}
<a href="{% url 'settings-users' %}" class="help has-text-weight-normal">Clear filters</a>
{% else %}
{% trans "Users" %}
{% endif %}
{% endblock %}

{% block panel %}

{% include 'settings/users/user_admin_filters.html' %}

<div class="block">
    <div class="tabs">
        <ul>
            {% url 'settings-users' as url %}
            <li {% if request.path in url %}class="is-active" aria-current="page"{% endif %}>
                <a href="{{ url }}">{% trans "Local users" %}</a>
            </li>
            {% url 'settings-users' status="deleted" as url %}
            <li {% if url in request.path %}class="is-active" aria-current="page"{% endif %}>
                <a href="{{ url }}">{% trans "Deleted users" %}</a>
            </li>
            {% url 'settings-users' status="federated" as url %}
            <li {% if url in request.path %}class="is-active" aria-current="page"{% endif %}>
                <a href="{{ url }}">{% trans "Federated community" %}</a>
            </li>
        </ul>
    </div>
</div>

<div class="table-container block">
    <table class="table is-striped is-fullwidth">
        <tr>
            {% url 'settings-users' as url %}
            <th colspan="2">
                {% trans "Username" as text %}
                {% include 'snippets/table-sort-header.html' with field="username" sort=sort text=text %}
            </th>
            <th>
                {% trans "Date Added" as text %}
                {% include 'snippets/table-sort-header.html' with field="created_date" sort=sort text=text %}
            </th>
            <th>
                {% trans "Last Active" as text %}
                {% include 'snippets/table-sort-header.html' with field="last_active_date" sort=sort text=text %}
            </th>
            <th>
                {% trans "Status" as text %}
                {% include 'snippets/table-sort-header.html' with field="is_active" sort=sort text=text %}
            </th>
            {% if status == "federated" %}
            <th>
                {% trans "Remote instance" as text %}
                {% include 'snippets/table-sort-header.html' with field="federated_server__server_name" sort=sort text=text %}
            </th>
            {% endif %}
        </tr>
        {% for user in users %}
        <tr>
            <td class="pr-0">
                {% include 'snippets/avatar.html' with user=user %}
            </td>
            <td class="overflow-wrap-anywhere pl-1">
                <a href="{% url 'settings-user' user.id %}">{{ user|username }}</a>
            </td>
            <td>{{ user.created_date }}</td>
            <td>{{ user.last_active_date }}</td>
            <td>
                {% include "snippets/user_active_tag.html" with user=user %}
            </td>
            {% if status == "federated" %}
            <td>
                {% if user.federated_server %}
                <a href="{% url 'settings-federated-server' user.federated_server.id %}">{{ user.federated_server.server_name }}</a>
                {% else %}
                <em>{% trans "Not set" %}</em>
                {% endif %}
            </td>
            {% endif %}
        </tr>
        {% endfor %}
    </table>
</div>

{% include 'snippets/pagination.html' with page=users path=request.path %}
{% endblock %}