{%- import 'ui/kit.html' as kit %}{% import 'ui/broker/_fmt.html' as fmt -%}
{%- if sub is none %}
{% call kit.drawer('subscription', key) %}<p class="hint">Not found.</p>{% endcall %}
{%- else %}
{% call kit.drawer('subscription', key) %}
{{ fmt.flash(message, tone) }}
{{ kit.kv([('Subscription', sub.subscription), ('Subscriber', sub.subscriber), ('Action', sub.action), ('Handler', sub.handler), ('Max retries', sub.max_retries), ('Status', 'active' if sub.active else 'inactive'), ('Delivered', sub.delivered), ('In flight / failed', sub.pending), ('Failed', sub.failed), ('Description', sub.description or '-')]) }}
<div class="drawer-actions">
  <button class="btn{{ '' if sub.active else ' btn-primary' }}" onclick="var f=new FormData();f.append('subscription',{{ fmt.js(sub.subscription) }});dj.send('/dash/subs/toggle',{method:'POST',target:'#drawer',body:f})">{{ 'Pause' if sub.active else 'Resume' }}</button>
  <button class="btn" onclick="dj.get({{ fmt.js('/gists') }}, '#view', {push:true});document.getElementById('drawer').innerHTML=''">Deliveries</button>
</div>
{% endcall %}
{%- endif %}