{% extends "base.html" %}
{% from "components/ui.html" import ago, card, empty, filter_bar, pager %}
{% block title %}Sends · {{ APP_NAME }}{% endblock %}
{% block heading %}Sends{% endblock %}
{% block subheading %}<div class="sub">Who sent from which account to whom, never what</div>{% endblock %}
{% block content %}
<section class="card">
  <div class="body">{{ filter_bar(bar, problem) }}</div>
  <div class="body tight">
    {% if records %}
    <div class="table-scroll">
      <table>
        <thead>
          <tr>
            <th>When</th>
            {% if not one_account %}<th>Account</th>{% endif %}
            <th>Who</th><th>To</th><th>Outcome</th><th>How</th>
          </tr>
        </thead>
        <tbody>
          {% for r in records %}
          <tr>
            <td>{{ ago(r.created_at) }}</td>
            {% if not one_account %}<td><a href="/ui/sends?account={{ r.account_id }}">{{ emails.get(r.account_id, r.account_id) }}</a></td>{% endif %}
            <td class="name">
              {% if r.user_id in names %}{{ names[r.user_id] }}{% else %}<span class="mono">{{ r.user_id[:16] }}…</span>{% endif %}
              <span class="sub">{% if r.credential_id %}token <span class="mono">{{ r.credential_id[:16] }}…</span>{% else %}the UI{% endif %}</span>
            </td>
            <td>
              {{ r.recipients | join(", ") }}
              {% if r.refused %}<span class="sub">refused: {{ r.refused | join(", ") }}</span>{% endif %}
            </td>
            <td>
              {% if r.outcome == "sent" %}<span class="tag ok">sent</span>
              {% elif r.outcome == "denied" %}<span class="tag warn">denied</span>
              {% else %}<span class="tag bad">failed</span>{% endif %}
              {% if r.error %}<span class="sub">{{ r.error }}</span>{% endif %}
            </td>
            <td>{{ "draft" if r.operation == "send_draft" else "message" }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    {{ empty("Nothing sent" ~ (" that matches" if bar.chips else " yet, or no account you may audit") ~ ".") }}
    {% endif %}
  </div>
  {{ pager(pages) }}
</section>
{% endblock %}