{% from 'components/relationships.html' import relationships %}
{% extends "layouts/settings.html" %}
{% from "components/table_row.html" import table_row, row_action %}
{% from "components/search_field.html" import search_field %}
{% from "components.html" import status_badge %}
{% set settings_title = "Users" %}

{% block settings_meta %}{% set active_users = users|rejectattr('is_deleted')|list %}{% set administrators = active_users|selectattr('role', 'equalto', 'admin')|list %}<p class='metadata'>{{ active_users|length }} {{ 'user' if active_users|length == 1 else 'users' }} · {{ administrators|length }} {{ 'administrator' if administrators|length == 1 else 'administrators' }}</p>{% endblock %}

{% block settings_actions %}
  {{ search_field('user-search', 'Search users', 'Search by name or email…', list_search=true) }}<button class='button button-primary' type='button' data-dialog-open='add-user-panel'>+ New user</button>
{% endblock %}

{% block settings_content %}
  <div class='table-scroll management-table'><table class='user-management-table' role='table'><caption class='visually-hidden'>Users</caption><thead role='rowgroup'><tr role='row'><th id='user-column-name' role='columnheader' class='table-cell-wrap' scope='col'>Name</th><th id='user-column-email' role='columnheader' class='table-cell-wrap' scope='col'>Email address</th><th id='user-column-teams' role='columnheader' class='table-cell-wrap' scope='col'>Teams</th><th id='user-column-role' role='columnheader' class='table-column-secondary' scope='col'>Role</th><th id='user-column-status' role='columnheader' class='table-column-secondary' scope='col'>Status</th></tr></thead><tbody role='rowgroup'>
    {% for user in users %}{% call table_row('record-row', search_text=user.display_name ~ ' ' ~ user.email ~ ' ' ~ user.role, panel=true, explicit_role=true) %}<td headers='user-column-name' role='cell' class='table-cell-wrap'><span class='table-avatar' aria-hidden='true'>{{ (user.display_name|trim)[:1]|upper }}</span>{{ row_action(user.display_name, panel="user-panel-" ~ user.id, accessible_name="View user " ~ user.display_name ~ " (" ~ user.id ~ ")") }}</td><td headers='user-column-email' role='cell' class='table-cell-wrap'>{{ user.email }}</td><td headers='user-column-teams' role='cell' class='table-cell-wrap relationship-cell'>{{ relationships(user_teams.get(user.id), 'team') }}</td><td headers='user-column-role' role='cell' class='table-column-secondary'>{% if user.role == 'admin' %}<span class='badge badge-published'>Administrator</span>{% else %}User{% endif %}</td><td headers='user-column-status' role='cell' class='table-column-secondary'>{% if user.is_deleted %}{{ status_badge('Deleted') }}{% elif user.is_active %}<span class='status-quiet'>Active</span>{% else %}{{ status_badge('Inactive') }}{% endif %}</td>{% endcall %}{% endfor %}
  </tbody></table></div>
  {% include "pages/users/_user_panels.html" %}
{% endblock %}