{% extends "base.html" %}
{% from "_macros.html" import ts, badge, pager, agent_link, msg_link, delivery_mix, thread_link %}
{% block content %}
<h1>Messages</h1>

<section class="panel">
  <form class="filters" method="get" action="/admin/messages">
    <label>Kind
      <select name="kind">
        <option value="">any</option>
        {% for k in kinds %}<option value="{{ k }}" {{ "selected" if filters.kind == k }}>{{ k }}</option>{% endfor %}
      </select>
    </label>
    <label>From <input name="sender" value="{{ filters.sender }}" placeholder="@handle"></label>
    <label>To <input name="recipient" value="{{ filters.recipient }}" placeholder="@handle"></label>
    <label>Body contains <input type="search" name="q" value="{{ filters.q }}"></label>
    <label>Since <input name="since" value="{{ filters.since }}" placeholder="2026-08-01"></label>
    <label>Until <input name="until" value="{{ filters.until }}" placeholder="2026-08-31"></label>
    <button class="primary" type="submit">Filter</button>
    <a href="/admin/messages" class="muted" style="padding:6px 0">clear</a>
  </form>
  {% if filters.correlation_id %}<p class="note">Thread {{ thread_link(filters.correlation_id) }}</p>{% endif %}
  {% if filters.reply_to %}<p class="note">Replies to {{ msg_link(filters.reply_to) }}</p>{% endif %}
</section>

<section class="panel">
  {% if data['items'] %}
  <div class="scroll"><table>
    <thead class="sticky"><tr>
      <th class="nowrap">When</th><th>Kind</th><th>From</th><th>To</th>
      <th>Body</th><th>Thread</th><th>Deliveries</th>
    </tr></thead>
    <tbody>
      {% for m in data['items'] %}
      <tr>
        <td class="nowrap">{{ ts(m.created_at) }}</td>
        <td>{{ badge(m.kind) }}{% if m.intent %}<div class="muted" style="font-size:11px">{{ m.intent }}</div>{% endif %}</td>
        <td>{{ agent_link(m.sender, m.sender_handle) }}</td>
        <td>{% if m.to %}{{ agent_link(m.to, m.to_handle) }}{% else %}<span class="muted">—</span>{% endif %}</td>
        <td>
          {{ msg_link(m.id) }} {{ m.body_preview }}{% if m.body_len and m.body_len > m.body_preview | length %}<span class="muted">…</span>{% endif %}
          {% if m.reply_to %}<div class="muted" style="font-size:11px">↳ replies to {{ msg_link(m.reply_to) }}</div>{% endif %}
        </td>
        <td>{{ thread_link(m.correlation_id) }}</td>
        <td>{{ delivery_mix(m.deliveries) }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table></div>
  {{ pager(request, data['next_cursor']) }}
  {% else %}<p class="empty">No messages match.</p>{% endif %}
</section>
{% endblock %}