{% extends "base.html" %}
{% from "bootstrap5/utils.html" import render_icon %}
{% block content %}
  <main class="py-5">
    <div class="text-center mb-5">
      {% if webmention.status == "verified" %}
        <div class="text-success mb-3">{{ render_icon("check-circle-fill", size="5rem", title="Verified") }}</div>
        <h1 class="h3">Webmention verified</h1>
      {% elif webmention.status in ("received", "verifying") %}
        <div class="text-warning mb-3">{{ render_icon("hourglass-split", size="5rem", title="Verification pending") }}</div>
        <h1 class="h3">Webmention verification pending</h1>
      {% elif webmention.status == "deleted" %}
        <div class="text-danger mb-3">{{ render_icon("x-circle-fill", size="5rem", title="Not verified") }}</div>
        <h1 class="h3">Webmention not verified</h1>
      {% elif webmention.status == "failed" %}
        <div class="text-danger mb-3">{{ render_icon("x-circle-fill", size="5rem", title="Verification failed") }}</div>
        <h1 class="h3">Webmention verification failed</h1>
      {% else %}
        <div class="text-secondary mb-3">{{ render_icon("question-circle-fill", size="5rem", title="Unknown status") }}</div>
        <h1 class="h3">Unknown Webmention status</h1>
      {% endif %}
    </div>
    <div class="card mx-auto" style="max-width: 48rem;">
      <div class="card-body">
        <dl class="row mb-0">
          <dt class="col-sm-3">Status</dt>
          <dd class="col-sm-9">
            {{ webmention.status }}
          </dd>
          <dt class="col-sm-3">Source</dt>
          <dd class="col-sm-9 text-break">
            <a href="{{ webmention.source }}">{{ webmention.source }}</a>
          </dd>
          <dt class="col-sm-3">Target</dt>
          <dd class="col-sm-9 text-break">
            <a href="{{ webmention.target }}">{{ webmention.target }}</a>
          </dd>
          <dt class="col-sm-3">Received</dt>
          <dd class="col-sm-9">
            <time datetime="{{ webmention.created_at.isoformat() }}">
              {{ webmention.created_at.strftime("%Y-%m-%d %H:%M:%S %Z") }}
            </time>
          </dd>
          <dt class="col-sm-3">Last updated</dt>
          <dd class="col-sm-9">
            <time datetime="{{ webmention.updated_at.isoformat() }}">
              {{ webmention.updated_at.strftime("%Y-%m-%d %H:%M:%S %Z") }}
            </time>
          </dd>
          <dt class="col-sm-3">ID</dt>
          <dd class="col-sm-9">
            <code>{{ webmention.uuid }}</code>
          </dd>
          {% if webmention.failure_reason %}
            <dt class="col-sm-3">Reason</dt>
            <dd class="col-sm-9">
              {{ webmention.failure_reason }}
            </dd>
          {% endif %}
        </dl>
      </div>
    </div>
  </main>
{% endblock %}