{%- import 'ui/kit.html' as kit %}{% import 'ui/broker/_fmt.html' as fmt -%}
{{ fmt.flash(message, tone) }}
{%- if not routes %}<div class="empty">No subscriptions - this application receives no webhooks.</div>
{%- else %}
<table class="data">
  <thead><tr><th>subscription</th><th>action</th><th>handler</th><th>delivered</th><th>failed</th><th>in flight</th><th>success</th><th>status</th><th></th></tr></thead>
  <tbody>{% for r in routes %}
    <tr>
      <td class="fw">{{ r.subscription }}</td>
      <td>{{ r.action }}</td>
      <td class="mono dim">{{ r.handler }}</td>
      <td>{{ r.delivered }}</td>
      <td>{{ r.failed }}</td>
      <td>{{ r.inflight }}</td>
      <td>{{ r.rate }}</td>
      <td>{{ kit.active_pill(r.active) }}</td>
      <td class="right nowrap">
        <button class="btn btn-sm" onclick="var f=new FormData();f.append('subscription',{{ fmt.js(r.subscription) }});f.append('application',{{ fmt.js(app_name) }});dj.send('/dash/apps/subs/toggle',{method:'POST',target:'#app-subs',body:f})">{{ 'Pause' if r.active else 'Resume' }}</button>
      </td>
    </tr>
  {% endfor %}</tbody>
</table>
{%- endif %}