{%- import 'ui/kit.html' as kit %}{% import 'ui/broker/_fmt.html' as fmt -%}
{%- if gist is none %}
{% call kit.drawer('delivery', key) %}<p class="hint">Not found.</p>{% endcall %}
{%- else %}
{% call kit.drawer('delivery', 'gist ' ~ key) %}
{{ kit.kv([('Gist', key), ('Event', gist.event), ('Action', gist.action), ('Subscriber', gist.subscriber), ('Endpoint', gist.handler), ('Status', gist.status), ('Attempts', gist.attempts)]) }}
{%- if gist.code < 0 and not attempts %}
<div class="drawer-sec">Last response</div>
<p class="hint">No delivery attempt yet - the gist is waiting for the aproko worker.</p>
{%- else %}
<div class="drawer-sec">Last response</div>
<div class="resp-meta">{{ gist.code|code_pill }}<span class="dim">{{ gist.ms }} ms</span><span class="dim">{{ gist.attempted|ago }}</span></div>
<pre class="respbox">{{ gist.response }}</pre>
{%- if attempts %}
<div class="drawer-sec">Attempt history</div>
<div class="table-wrap"><table class="data">
  <thead><tr><th>#</th><th>when</th><th>status</th><th>latency</th><th>response</th></tr></thead>
  <tbody>{% for a in attempts %}
    <tr><td class="mono">{{ a.attempt }}</td><td class="dim">{{ a.ts|ago }}</td><td>{{ a.status|code_pill }}</td><td>{{ a.ms }} ms</td><td class="mono dim resp-cell">{{ a.response }}</td></tr>
  {% endfor %}</tbody>
</table></div>
{%- endif %}
{%- endif %}
<div class="drawer-actions"><button class="btn btn-primary" onclick="dashBulkOne('gists','/dash/gists/requeue-many',{{ fmt.js(key) }});document.getElementById('drawer').innerHTML=''">Requeue delivery</button></div>
{% endcall %}
{%- endif %}