{% extends "base.html" %}
{% from "components/ui.html" import breadcrumb, card, danger_card, empty, fact, facts, related, secret_card, webhook_state with context %}
{% block title %}Webhook · {{ APP_NAME }}{% endblock %}
{% block heading %}{{ webhook.url }}{% endblock %}
{% block subheading %}{{ breadcrumb([("Webhooks", "/ui/webhooks"), (webhook.url, None)]) }}{% endblock %}
{% block content %}
{% if secret %}
{% call secret_card("Signing secret", secret) %}Keep it with the receiver. It checks <span class="mono">X-Mailbox-Signature</span> with it. Only this service keeps it besides, encrypted.{% endcall %}
{% endif %}

{% set state %}{{ webhook_state(webhook.last_error, detail=False) }}{% endset %}
{% call facts("Webhook", tags=state) %}
  {{ fact("URL", webhook.url, cls="mono") }}
  {% call fact("Events") %}{% for event in webhook.events %}<span class="tag">{{ event }}</span> {% endfor %}{% endcall %}
  {% call fact("Accounts") %}{% if webhook.accounts is none %}every account you may read, also later ones{% else %}{% for account in webhook.accounts %}{{ names.get(account, account) }}{% if not loop.last %}, {% endif %}{% endfor %}{% endif %}{% endcall %}
  {{ fact("Created", webhook.created_at | when) }}
  {{ fact("Last delivery", webhook.last_delivery_at | when) }}
  {% if webhook.last_error %}{{ fact("Last error", webhook.last_error) }}{% endif %}
  {{ fact("Id", webhook.id, cls="mono") }}
{% endcall %}

{% call related("Last deliveries", count=webhook.deliveries | length, meta="the newest 20 posts") %}
  <div class="body tight">
    {% if webhook.deliveries %}
    <div class="table-scroll">
      <table>
        <thead><tr><th>When</th><th class="num">Events</th><th>Answer</th><th>Delivery</th></tr></thead>
        <tbody>
          {% for attempt in webhook.deliveries %}
          <tr>
            <td>{{ attempt.at | when }}</td>
            <td class="num">{{ attempt.events }}</td>
            <td>
              {% if attempt.error is none %}<span class="tag ok">{{ attempt.status }}</span>
              {% else %}<span class="tag bad">{{ attempt.status if attempt.status is not none else "no answer" }}</span><span class="sub">{{ attempt.error }}</span>{% endif %}
            </td>
            <td class="mono">{{ attempt.delivery_id[:16] }}…</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}{{ empty("Nothing posted yet.") }}{% endif %}
  </div>
{% endcall %}

{% if can_delete %}
{{ danger_card("Remove", "The service stops posting to this URL. What it posted stays with the receiver.", "/ui/webhooks/" ~ webhook.id ~ "/delete", "Remove webhook", "Remove the webhook " ~ webhook.url ~ "?") }}
{% endif %}
{% endblock %}