{% extends "base.html" %}
{% from "components/ui.html" import anywhere_tag, empty %}
{% block title %}Overview · {{ APP_NAME }}{% endblock %}
{% block heading %}Overview{% endblock %}
{% block subheading %}<div class="sub">Signed in as {{ rights.name }}</div>{% endblock %}
{% block content %}
{% if rights.accounts %}
<section class="card">
  <header><h2>Your accounts</h2><span class="meta">{{ rights.accounts | length }}</span></header>
  <div class="body tight">
    <div class="table-scroll">
      <table>
        <thead><tr><th>Account</th><th>You may</th><th></th></tr></thead>
        <tbody>
          {% for account in rights.accounts %}
          <tr>
            <td class="name">
              {{ account.email }}
              <span class="sub">{{ account.display_name | or_missing }} · <span class="mono">{{ account.id[:16] }}…</span></span>
            </td>
            <td>
              {% for group in rows[account.id].groups %}<span class="tag accent">{{ group }}</span> {% endfor %}
              {% for op in rows[account.id].operations %}<span class="tag">{{ op }}</span> {% endfor %}
            </td>
            <td>
              {% if "read_and_send_anywhere" in account.warnings %}{{ anywhere_tag() }}{% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</section>
{% else %}
{{ empty("No account yet, or none you may use.") }}
{% endif %}
{% if rights.operations %}
<section class="card">
  <header><h2>Beyond one account</h2></header>
  <div class="body">
    {% for op in rights.operations %}<span class="tag">{{ op }}</span> {% endfor %}
  </div>
</section>
{% endif %}
{% endblock %}