{% extends layout %}{% import 'ui/kit.html' as kit %}
{% block title %}amebo - events{% endblock %}
{% block content %}{% include 'ui/broker/_css.html' %}
{%- set filters %}
<select class="select" data-filter="status" onchange="dashList('events')" style="width:160px">
  <option value="">All statuses</option>
  {%- for value, label in statuses %}<option value="{{ value }}"{{ ' selected' if value == status else '' }}>{{ label }}</option>{% endfor %}
</select>
<select class="select" data-filter="action" onchange="dashList('events')" style="width:180px">
  <option value="">All actions</option>
  {%- for a in actions %}<option value="{{ a }}"{{ ' selected' if a == action else '' }}>{{ a }}</option>{% endfor %}
</select>
{%- endset %}
{%- set bulk %}<button class="btn btn-sm btn-danger" onclick="dashBulk('events','/dash/events/delete-many')">Delete</button>{% endset %}
<div class="list-page" data-tkey="events" data-fill>
  <div class="section-head pin"><div><h2>Events</h2><p class="sub">The broker's ledger: every published event, its fan-out progress and spell activity.</p></div><button class="btn btn-primary" onclick="dj.get('/dash/new/event', '#modal')">+ Publish</button></div>
  {{ kit.toolbar('events', 'Search events, dedupers, publishers...', cols, filters, bulk, q) }}
  <div id="list-events">{% include 'ui/broker/_events_list.html' %}</div>
</div>
{% endblock %}