{% extends "base.html" %}
{% block title %}Events — whatsloon admin{% endblock %}
{% block content %}
<h1>Webhook events</h1>
<p><a href="{{ root }}/ui/events?tenant_id={{ tenant_id }}&amp;token={{ token }}&amp;processing_status=failed">Show failed only</a></p>
<form class="filters" method="get" action="{{ root }}/ui/events"
      hx-get="{{ root }}/ui/partials/events?tenant_id={{ tenant_id }}&amp;token={{ token }}"
      hx-target="#event-rows" hx-swap="innerHTML" hx-trigger="submit">
  <input type="hidden" name="tenant_id" value="{{ tenant_id }}">
  <input type="hidden" name="token" value="{{ token }}">
  <label>Processing status
    <select name="processing_status">
      <option value="">Any</option>
      {% for s in ["received", "processed", "failed", "retrying"] %}
      <option value="{{ s }}"{% if processing_status == s %} selected{% endif %}>{{ s }}</option>
      {% endfor %}
    </select>
  </label>
  <label>Since
    <input type="date" name="since" value="{{ since }}">
  </label>
  <label>Until
    <input type="date" name="until" value="{{ until }}">
  </label>
  <button type="submit">Apply</button>
</form>
{% if items %}
<table>
  <thead><tr><th scope="col">ID</th><th scope="col">Type</th><th scope="col">Status</th><th scope="col">Retries</th><th scope="col">Received</th><th scope="col">Action</th></tr></thead>
  <tbody id="event-rows">
    {% include "_event_rows.html" %}
  </tbody>
</table>
{% set base_url = root + "/ui/events" %}
{% set query_extra = "tenant_id=" + tenant_id + "&token=" + token + "&processing_status=" + processing_status + "&since=" + since + "&until=" + until + "&" %}
{% include "_pagination.html" %}
{% else %}
<div class="empty" role="status">No events match these filters.</div>
{% endif %}
{% endblock %}