{% extends "base.html" %}
{% block content %}
  <div class="mb-3">
    <a href="{{ url_for("root.sent") }}">&larr; Back to sources</a>
  </div>
  <div class="d-flex justify-content-between align-items-start mb-3">
    <h1 class="mb-0">Source Details</h1>
  </div>
  <div class="d-flex justify-content-between align-items-start mb-3">
    <dl class="row">
      <dt class="col-sm-2">UUID</dt>
      <dd class="col-sm-4">
        {{ source.uuid }}
      </dd>
      <dt class="col-sm-2">Hash</dt>
      <dd class="col-sm-4">
        {{ source.content_hash }}
      </dd>
      <dt class="col-sm-2">Path</dt>
      <dd class="col-sm-4">
        {{ source.path }}
      </dd>
      <dt class="col-sm-2">URL</dt>
      <dd class="col-sm-4">
        <a href="{{ source.url }}" class="text-break">{{ source.url }}</a>
      </dd>
      <dt class="col-sm-2">Created at</dt>
      <dd class="col-sm-4">
        <time datetime="{{ source.created_at.isoformat() }}">
          {{ source.created_at.strftime("%Y-%m-%d %H:%M:%S") }}
        </time>
      </dd>
      <dt class="col-sm-2">Last seen at</dt>
      <dd class="col-sm-4">
        <time datetime="{{ source.last_seen_at.isoformat() }}">
          {{ source.last_seen_at.strftime("%Y-%m-%d %H:%M:%S") }}
        </time>
      </dd>
      <dt class="col-sm-2">Revised at</dt>
      <dd class="col-sm-4">
        <time datetime="{{ source.revised_at.isoformat() }}">
          {{ source.revised_at.strftime("%Y-%m-%d %H:%M:%S") }}
        </time>
      </dd>
      <dt class="col-sm-2">Deleted at</dt>
      <dd class="col-sm-4">
        {% if source.deleted_at is none %}
          N/A
        {% else %}
          <time datetime="{{ source.deleted_at.isoformat() }}">
            {{ source.deleted_at.strftime("%Y-%m-%d %H:%M:%S") }}
          </time>
        {% endif %}
      </dd>
      <dt class="col-sm-2">Revision</dt>
      <dd class="col-sm-4">
        {{ source.revision }}
      </dd>
    </dl>
  </div>
  <div class="d-flex justify-content-between align-items-start mb-3">
    <h2 class="mb-0">Sent Webmentions</h2>
    <span class="text-body-secondary">{{ webmentions | length }} webmentions</span>
  </div>
  {% if webmentions %}
    <div class="table-responsive">
      <table class="table table-bordered table-striped table-hover align-middle">
        <thead>
          <tr>
            <th scope="col">Target</th>
            <th scope="col">Status</th>
            <th scope="col">Active</th>
            <th scope="col">Desired revision</th>
            <th scope="col">Processed revision</th>
            <th scope="col">Sent revision</th>
            <th scope="col">Failure Reason</th>
            <th scope="col">Endpoint</th>
            <th scope="col">Response Status</th>
            <th scope="col">Status URL</th>
            <th scope="col">Last attempted at</th>
            <th scope="col">Last sent at</th>
          </tr>
        </thead>
        <tbody>
          {% for webmention in webmentions %}
            {% if webmention.status.value == "sent" %}
              {% set row_class = "table-success" %}
              {% set badge_class = "text-bg-success" %}
            {% elif webmention.status.value == "unsupported" %}
              {% set row_class = "table-warning" %}
              {% set badge_class = "text-bg-warning" %}
            {% elif webmention.status.value == "failed" %}
              {% set row_class = "table-danger" %}
              {% set badge_class = "text-bg-danger" %}
            {% else %}
              {% set row_class = "table-info" %}
              {% set badge_class = "text-bg-info" %}
            {% endif %}
            <tr class="{{ row_class }}">
              <td class="text-break">
                <a href="{{ webmention.target }}">{{ webmention.target }}</a>
              </td>
              <td>
                {% if webmention.status is not none %}
                  <span class="badge {{ badge_class }}">{{ webmention.status.value.title() }}</span>
                {% endif %}
              </td>
              <td>
                {% if webmention.active %}
                  <span class="badge text-bg-success">Active</span>
                {% else %}
                  <span class="badge text-bg-danger">Removed</span>
                {% endif %}
              </td>
              <td>{{ webmention.desired_revision }}</td>
              <td>
                {{ webmention.processed_revision
                  if webmention.processed_revision is not none
                  else "—" }}
              </td>
              <td>
                {{ webmention.sent_revision
                  if webmention.sent_revision is not none
                  else "—" }}
              </td>
              <td>
                {{ webmention.failure_reason
                  if webmention.failure_reason is not none
                  else "—" }}
              </td>
              <td class="text-break">
                {% if webmention.endpoint is not none %}
                  <a href="{{ webmention.endpoint }}">{{ webmention.endpoint }}</a>
                {% else %}
                  —
                {% endif %}
              </td>
              <td>
                {{ webmention.response_status
                  if webmention.response_status is not none
                  else "—" }}
              </td>
              <td class="text-break">
                {% if webmention.status_url is not none %}
                  <a href="{{ webmention.status_url }}">{{ webmention.status_url }}</a>
                {% else %}
                  —
                {% endif %}
              </td>
              <td>
                {% if webmention.last_attempted_at is not none %}
                  <time datetime="{{ webmention.last_attempted_at.isoformat() }}">
                    {{ webmention.last_attempted_at.strftime("%Y-%m-%d %H:%M:%S") }}
                  </time>
                {% else %}
                  —
                {% endif %}
              </td>
              <td>
                {% if webmention.last_sent_at is not none %}
                  <time datetime="{{ webmention.last_sent_at.isoformat() }}">
                    {{ webmention.last_sent_at.strftime("%Y-%m-%d %H:%M:%S") }}
                  </time>
                {% else %}
                  —
                {% endif %}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% else %}
    <p class="text-body-secondary">No Webmentions have been discovered for this source.</p>
  {% endif %}
{% endblock %}