1 files changed, 64 insertions, 0 deletions
diff --git a/webmentions_ssg/templates/status.html b/webmentions_ssg/templates/status.html
new file mode 100644
index 0000000..451f26f
--- /dev/null
+++ b/webmentions_ssg/templates/status.html
@@ -0,0 +1,64 @@
+{% 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 %}