{% extends "base.html" %}
{% from "components/ui.html" import card, empty, filter_bar, pager %}
{% from "components/grants.html" import rights_of, role_tags %}
{% block title %}Users · {{ APP_NAME }}{% endblock %}
{% block heading %}Users{% endblock %}
{% block subheading %}<div class="sub">Who may use the service, and with which rights</div>{% endblock %}
{% block actions %}
{% if can_create %}<a class="btn primary" href="/ui/users/new">New user</a>{% endif %}
{% endblock %}
{% block content %}
{% call card("Users", meta=none if pages[0] or pages[1] else users | length, tight=True) %}
<div class="body list-bar">{{ filter_bar(bar) }}</div>
{% if users %}
<div class="table-scroll">
  <table>
    <thead><tr><th>Name</th><th>Roles</th><th>Rights</th></tr></thead>
    <tbody>
      {% for user in users %}
      <tr>
        <td class="name">
          <a href="/ui/users/{{ user.id }}">{{ user.name }}</a>
          {% if user.id == me.user_id %}<span class="tag accent">you</span>{% endif %}
          {% if not user.ui_sign_in %}<span class="tag">API only</span>{% endif %}
          {% if user.disabled %}<span class="tag bad">disabled</span>{% endif %}
          <span class="sub mono">{{ user.id[:16] }}…</span>
        </td>
        <td>{{ role_tags(user.roles) }}</td>
        <td>{{ rights_of(user.service, user.grants, names) }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
{{ empty("No user matches." if bar.chips else "No user yet.") }}
{% endif %}
{{ pager(pages, back="First", on="Next") }}
{% endcall %}
{% endblock %}