{% extends 'generic/object.html' %}
{% load helpers %}
{% load i18n %}

{% block content %}
<div class="row mb-3">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Change" %}</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">{% trans "Reference" %}</th>
            <td>{{ object.ref|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Source" %}</th>
            <td>{{ object.source|linkify }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "State" %}</th>
            <td>{% badge object.get_state_display bg_color=object.get_state_color %}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Verdict" %}</th>
            <td>
              {% if object.verdict %}
                {% badge object.get_verdict_display bg_color=object.get_verdict_color %}
              {% else %}
                <span class="text-muted">{% trans "Not yet verified" %}</span>
              {% endif %}
            </td>
          </tr>
          <tr>
            <th scope="row">{% trans "Requester" %}</th>
            <td>{{ object.requester|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Priority" %}</th>
            <td>{{ object.priority }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Summary" %}</th>
            <td>{{ object.summary|placeholder }}</td>
          </tr>
        </table>
        {% if perms.forward_netbox.change_forwardchange %}
          {% if transitions %}
            <p class="text-muted small mb-1">{% trans "Move this change on:" %}</p>
            {% for move in transitions %}
              <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_transition' pk=object.pk %}">
                {% csrf_token %}
                <input type="hidden" name="target" value="{{ move.target }}">
                <button type="submit" class="btn btn-sm {% if move.allowed %}btn-outline-primary{% else %}btn-outline-secondary{% endif %}"
                        {% if not move.allowed %}title="{{ move.blockers|join:' ' }}"{% endif %}>{{ move.target }}</button>
              </form>
            {% endfor %}
            {% for move in transitions %}
              {% if not move.allowed and move.blockers %}
                <div class="text-muted small mt-1"><strong>{{ move.target }}:</strong> {{ move.blockers|join:" " }}</div>
              {% endif %}
            {% endfor %}
          {% endif %}
          {% if object.state == 'verified-proceed' %}
            <form method="post" class="mt-2" action="{% url 'plugins:forward_netbox:forwardchange_close' pk=object.pk %}">
              {% csrf_token %}
              <button type="submit" class="btn btn-sm btn-success">{% trans "Close: merge the branch" %}</button>
            </form>
          {% endif %}
        {% endif %}
      </div>
    </div>

    <div class="card">
      <h5 class="card-header">{% trans "Snapshots" %}</h5>
      <div class="card-body">
        {# Pinned as literal ids, never selectors: verifying against a #}
        {# re-resolved snapshot would judge the change against a different #}
        {# network than the one it was approved against. #}
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">{% trans "Baseline (before)" %}</th>
            <td><code>{{ object.before_snapshot_id|placeholder }}</code></td>
          </tr>
          <tr>
            <th scope="row">{% trans "Post-change (after)" %}</th>
            <td><code>{{ object.after_snapshot_id|placeholder }}</code></td>
          </tr>
          <tr>
            <th scope="row">{% trans "Branch" %}</th>
            <td>{{ object.branch_name|placeholder }}</td>
          </tr>
        </table>
      </div>
    </div>

    <div class="card">
      <h5 class="card-header">{% trans "Applied" %}</h5>
      <div class="card-body">
        <p class="text-muted small">
          {% trans "Attested, not measured. Nothing here can observe the network being changed, so this is a human claim about when it happened." %}
        </p>
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">{% trans "When" %}</th>
            <td>{{ object.applied_at|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Attested by" %}</th>
            <td>{{ object.applied_by|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Reference" %}</th>
            <td>{{ object.applied_ref|placeholder }}</td>
          </tr>
        </table>
        {% if perms.forward_netbox.change_forwardchange and object.state == 'approved' %}
          <form method="post" class="d-flex gap-2" action="{% url 'plugins:forward_netbox:forwardchange_attest_applied' pk=object.pk %}">
            {% csrf_token %}
            <input type="text" name="applied_ref" class="form-control" placeholder="{% trans 'Ticket or reference (optional)' %}">
            <button type="submit" class="btn btn-outline-primary">{% trans "Attest it was applied" %}</button>
          </form>
        {% endif %}
      </div>
    </div>
  </div>

  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Criteria" %}</h5>
      <div class="card-body">
        <p class="text-muted small">
          {% trans "Each criterion is an NQE query and what to expect of it. It is bound to a committed query version before anything is measured, and cannot change once evidence exists." %}
        </p>
        {% if criteria %}
          <table class="table table-hover">
            {% for criterion in criteria %}
              <tr>
                <td>{{ criterion.name }}{% if not criterion.blocking %} <span class="badge text-bg-gray">{% trans "advisory" %}</span>{% endif %}</td>
                <td class="small">{{ criterion.get_expectation_display }}</td>
                <td>
                  {% if criterion.is_bound %}
                    <span class="badge text-bg-green">{% trans "bound" %}</span>
                  {% else %}
                    <span class="badge text-bg-orange">{% trans "not bound" %}</span>
                  {% endif %}
                </td>
                <td class="text-end">
                  {% if perms.forward_netbox.change_forwardchangecriterion %}
                    <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_criterion_bind' pk=object.pk criterion_pk=criterion.pk %}">
                      {% csrf_token %}
                      <button type="submit" class="btn btn-sm btn-outline-primary">{% trans "Bind" %}</button>
                    </form>
                    <a class="btn btn-sm btn-outline-secondary" href="{% url 'plugins:forward_netbox:forwardchangecriterion_edit' pk=criterion.pk %}?return_url={{ object.get_absolute_url|urlencode }}">{% trans "Edit" %}</a>
                  {% endif %}
                  {% if perms.forward_netbox.delete_forwardchangecriterion %}
                    <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_criterion_delete' pk=object.pk criterion_pk=criterion.pk %}">
                      {% csrf_token %}
                      <button type="submit" class="btn btn-sm btn-outline-danger">{% trans "Delete" %}</button>
                    </form>
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          </table>
        {% else %}
          <p class="text-muted">{% trans "No criteria yet." %}</p>
        {% endif %}
        {% if perms.forward_netbox.add_forwardchangecriterion %}
          <a class="btn btn-primary" href="{% url 'plugins:forward_netbox:forwardchangecriterion_add' %}?change={{ object.pk }}&return_url={{ object.get_absolute_url|urlencode }}">{% trans "Add criterion" %}</a>
        {% endif %}
      </div>
    </div>

    <div class="card">
      <h5 class="card-header">{% trans "Evidence" %}</h5>
      <div class="card-body">
        <p class="text-muted small">
          {% trans "This is what the verdict is computed from, and the only thing it is computed from." %}
        </p>
        {% if criterion_outcomes %}
          <table class="table table-hover">
            <thead>
              <tr>
                <th>{% trans "Criterion" %}</th>
                <th>{% trans "Before" %}</th>
                <th>{% trans "After" %}</th>
                <th>{% trans "Result" %}</th>
              </tr>
            </thead>
            <tbody>
              {% for outcome in criterion_outcomes %}
                <tr>
                  <td>
                    {{ outcome.criterion.name }}
                    {% if not outcome.blocking %}
                      <span class="badge text-bg-gray">{% trans "advisory" %}</span>
                    {% endif %}
                  </td>
                  <td>{% checkmark outcome.before_passed %}</td>
                  <td>{% checkmark outcome.after_passed %}</td>
                  <td>
                    {% if outcome.flip %}
                      {% if outcome.blocks %}
                        <span class="badge text-bg-red">{% trans "regression" %}</span>
                      {% else %}
                        <span class="badge text-bg-green">{{ outcome.flip }}</span>
                      {% endif %}
                    {% else %}
                      {# Never rendered as a pass. A criterion nobody #}
                      {# evaluated is not a criterion that passed. #}
                      <span class="badge text-bg-orange">{% trans "not measured" %}</span>
                    {% endif %}
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        {% else %}
          <p class="text-muted mb-0">
            {% trans "No criteria have been evaluated. A change with nothing asserted cannot be verified, only asserted to have happened." %}
          </p>
        {% endif %}
      </div>
    </div>

    <div class="card">
      <h5 class="card-header">{% trans "Validation" %}</h5>
      <div class="card-body">
        <p class="text-muted small">
          {% trans "Rules from the validation policies that apply to this change, run in its workspace. A run counts only against the snapshots the change is pinned to now." %}
        </p>
        {% if validation_gate %}
          <div class="alert alert-warning py-1 small">
            {% for blocker in validation_gate %}<div>{{ blocker }}</div>{% endfor %}
          </div>
        {% endif %}
        {% if validation_runs %}
          <table class="table table-hover">
            {% for run in validation_runs %}
              <tr>
                <td><a href="{% url 'plugins:forward_netbox:forwardchangevalidationrun' pk=run.pk %}">#{{ run.pk }}</a></td>
                <td>{% badge run.get_status_display bg_color=run.get_status_color %}</td>
                <td>{% if run.score is None %}<span class="text-muted">{% trans "no score" %}</span>{% else %}{{ run.score }}{% endif %}</td>
                <td class="text-muted small">{{ run.created|date:"Y-m-d H:i" }}</td>
              </tr>
            {% endfor %}
          </table>
        {% else %}
          <p class="text-muted">{% trans "No validation runs yet." %}</p>
        {% endif %}
        {% if can_validate %}
          <form method="post" action="{% url 'plugins:forward_netbox:forwardchange_validate' pk=object.pk %}">
            {% csrf_token %}
            <button type="submit" class="btn btn-primary">{% trans "Run validation" %}</button>
          </form>
        {% endif %}
      </div>
    </div>

    <div class="card">
      <h5 class="card-header">{% trans "What Forward allows here" %}</h5>
      <div class="card-body">
        <p class="text-muted small">
          {% trans "Found by asking Forward with read-only calls, never from a licence table." %}
        </p>
        {% if capabilities %}
          <table class="table table-hover attr-table">
            {% for label, text, available in capabilities %}
              <tr>
                <th scope="row">{{ label }}</th>
                <td>{{ text }}</td>
              </tr>
            {% endfor %}
          </table>
        {% endif %}
        <form method="post" action="{% url 'plugins:forward_netbox:forwardchange_capabilities' pk=object.pk %}">
          {% csrf_token %}
          <button type="submit" class="btn btn-outline-secondary">{% trans "Ask Forward" %}</button>
        </form>
      </div>
    </div>

    <div class="card">
      <h5 class="card-header">{{ predict_panel.heading }}</h5>
      <div class="card-body">
        {# Advisory, and separated from Evidence above on purpose. An #}
        {# advisory panel that looks like evidence is how a prediction #}
        {# quietly becomes a decision. #}
        <p class="text-muted small">
          {% trans "Advisory only. The verdict does not depend on this." %}
        </p>
        <p class="mb-2">{{ predict_panel.message }}</p>
        {% if predict_panel.stale %}
          <p class="text-warning mb-2">{% trans "The proposal changed after this prediction, so it describes an earlier proposal." %}</p>
        {% endif %}
        {% if predict_snapshot_id %}
          <p class="mb-2 small">{% trans "Predicted snapshot" %}: <code>{{ predict_snapshot_id }}</code></p>
        {% endif %}
        {% if predict_panel.scope %}
          <p class="text-muted small mb-2">{{ predict_panel.scope }}</p>
        {% endif %}
        {% if perms.forward_netbox.change_forwardchange %}
          {% if predict_pending %}
            <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_predict_refresh' pk=object.pk %}">
              {% csrf_token %}
              <button type="submit" class="btn btn-sm btn-outline-primary">{% trans "Refresh prediction" %}</button>
            </form>
          {% elif predict_offered and can_predict %}
            <a class="btn btn-sm btn-outline-primary" href="{% url 'plugins:forward_netbox:forwardchange_predict' pk=object.pk %}">{% trans "Ask Forward to predict" %}</a>
          {% elif not predict_offered %}
            <p class="text-muted small mb-0">{% trans "Predict is off for this source. Turn on Ask Forward to predict change-control changes on the source to offer it." %}</p>
          {% endif %}
        {% endif %}
      </div>
    </div>

    {% if proposal_rows and perms.forward_netbox.change_forwardchange %}
    <div class="card">
      <h5 class="card-header">{% trans "Proposal" %}</h5>
      <div class="card-body">
        <p class="text-muted small">{% trans "CLI commands to try on each device. They are kept in NetBox for this change only and are not written to the change log, the journal or the support bundle." %}</p>
        {% if proposal_editable %}
        <form method="post" action="{% url 'plugins:forward_netbox:forwardchange_proposal_save' pk=object.pk %}">
          {% csrf_token %}
          {% for name, commands in proposal_rows %}
            <div class="mb-3">
              <label class="form-label" for="commands_{{ forloop.counter0 }}"><code>{{ name }}</code></label>
              <input type="hidden" name="target_{{ forloop.counter0 }}" value="{{ name }}">
              <textarea class="form-control font-monospace" id="commands_{{ forloop.counter0 }}" name="commands_{{ forloop.counter0 }}" rows="4" autocomplete="off" spellcheck="false">{{ commands }}</textarea>
            </div>
          {% endfor %}
          <button type="submit" class="btn btn-sm btn-primary">{% trans "Save proposal" %}</button>
        </form>
        {% else %}
          <p class="text-muted mb-0">{% trans "The proposal can no longer be edited." %}</p>
        {% endif %}
      </div>
    </div>
    {% endif %}

    <div class="card">
      <h5 class="card-header">{% trans "Scope" %}</h5>
      <div class="card-body">
        {% if scoped_devices %}
          <ul class="list-unstyled">
            {% for scoped in scoped_devices %}
              <li>
                {{ scoped.device|linkify }}
                {% if scoped.forward_device_key %}
                  <code class="small">{{ scoped.forward_device_key }}</code>
                {% else %}
                  <span class="badge text-bg-orange">{% trans "no Forward identity" %}</span>
                {% endif %}
                {% if perms.forward_netbox.change_forwardchange and not object.workspace_network_id %}
                  <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_devices_remove' pk=object.pk row_pk=scoped.pk %}">
                    {% csrf_token %}
                    <button type="submit" class="btn btn-link btn-sm text-danger p-0">{% trans "remove" %}</button>
                  </form>
                {% endif %}
              </li>
            {% endfor %}
          </ul>
        {% else %}
          <p class="text-muted">{% trans "No devices in scope." %}</p>
        {% endif %}
        {% if perms.forward_netbox.change_forwardchange and not object.workspace_network_id %}
          <form method="post" class="mb-2" action="{% url 'plugins:forward_netbox:forwardchange_devices_add' pk=object.pk %}">
            {% csrf_token %}
            <textarea name="names" rows="2" class="form-control mb-2" placeholder="{% trans 'Device names, one per line or comma separated' %}"></textarea>
            <button type="submit" class="btn btn-outline-primary">{% trans "Add devices" %}</button>
          </form>
          {% if scoped_devices %}
            <form method="post" action="{% url 'plugins:forward_netbox:forwardchange_devices_resolve' pk=object.pk %}">
              {% csrf_token %}
              <button type="submit" class="btn btn-outline-secondary">{% trans "Resolve Forward names" %}</button>
            </form>
          {% endif %}
        {% endif %}
      </div>
    </div>

    <div class="card">
      <h5 class="card-header">{% trans "Forward workspace and verification" %}</h5>
      <div class="card-body">
        {# The workspace holds only this change's devices; queries run on it, at #}
        {# the baseline it was forked with and a collection made after the apply. #}
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">{% trans "Workspace" %}</th>
            <td>
              {% if object.workspace_network_id %}
                <code>{{ object.workspace_network_id }}</code>
                <span class="text-muted small">({{ object.workspace_origin }})</span>
              {% else %}
                <span class="text-muted">{% trans "none yet" %}</span>
              {% endif %}
            </td>
          </tr>
          <tr>
            <th scope="row">{% trans "Baseline snapshot" %}</th>
            <td>{{ object.before_snapshot_id|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "After snapshot" %}</th>
            <td>{{ object.after_snapshot_id|placeholder }}</td>
          </tr>
        </table>
        {% if perms.forward_netbox.change_forwardchange %}
          {% if not object.workspace_network_id %}
            <form method="post" class="mb-2" action="{% url 'plugins:forward_netbox:forwardchange_workspace_create' pk=object.pk %}">
              {% csrf_token %}
              <button type="submit" class="btn btn-primary">{% trans "Create Forward workspace for these devices" %}</button>
            </form>
            <form method="post" class="d-flex gap-2 mb-2" action="{% url 'plugins:forward_netbox:forwardchange_workspace_adopt' pk=object.pk %}">
              {% csrf_token %}
              <input type="text" name="network_id" class="form-control" placeholder="{% trans 'Or adopt an existing workspace by network id' %}">
              <button type="submit" class="btn btn-outline-primary">{% trans "Adopt" %}</button>
            </form>
          {% else %}
            <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_workspace_refresh' pk=object.pk %}">
              {% csrf_token %}
              <button type="submit" class="btn btn-outline-secondary">{% trans "Refresh snapshots" %}</button>
            </form>
            {% if object.state == 'applied' or object.state == 'collected' %}
              <a class="btn btn-outline-warning" href="{% url 'plugins:forward_netbox:forwardchange_workspace_collect' pk=object.pk %}">{% trans "Collect a snapshot..." %}</a>
            {% endif %}
            <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_evidence_baseline' pk=object.pk %}">
              {% csrf_token %}
              <button type="submit" class="btn btn-outline-secondary">{% trans "Record baseline evidence" %}</button>
            </form>
            <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_verify' pk=object.pk %}">
              {% csrf_token %}
              <button type="submit" class="btn btn-primary">{% trans "Verify against Forward" %}</button>
            </form>
          {% endif %}
        {% endif %}
      </div>
    </div>

    <div class="card">
      <h5 class="card-header">{% trans "Reviews" %}</h5>
      <div class="card-body">
        {# Two gates. The pre gate approves the PLAN; the post gate approves #}
        {# the CLOSURE, which is where the branch actually merges. A PROCEED #}
        {# verdict opens that gate rather than walking through it. #}
        {% if reviews %}
          <table class="table table-hover">
            {% for review in reviews %}
              <tr>
                <td>{{ review.reviewer|placeholder }}</td>
                <td><span class="badge text-bg-gray">{{ review.phase }}</span></td>
                <td>
                  {% if review.approved %}
                    <span class="badge text-bg-green">{% trans "approved" %}</span>
                  {% else %}
                    <span class="badge text-bg-red">{% trans "rejected" %}</span>
                  {% endif %}
                </td>
                <td class="text-muted small">{{ review.comment }}</td>
              </tr>
            {% endfor %}
          </table>
        {% else %}
          <p class="text-muted">{% trans "No reviews yet." %}</p>
        {% endif %}

        {% if perms.forward_netbox.approve_forwardchange %}
          <form method="post" action="{% url 'plugins:forward_netbox:forwardchange_review' pk=object.pk %}">
            {% csrf_token %}
            <input type="hidden" name="anchor" value="{{ review_anchor }}">
            <input type="text" name="comment" class="form-control mb-2"
                   placeholder="{% trans 'Comment (optional)' %}">
            <button type="submit" name="decision" value="approve"
                    class="btn btn-green">{% trans "Approve" %}</button>
            <button type="submit" name="decision" value="reject"
                    class="btn btn-red">{% trans "Reject" %}</button>
          </form>
        {% endif %}
      </div>
    </div>

    <div class="card">
      <h5 class="card-header">{% trans "Comments" %}</h5>
      <div class="card-body">
        {% for comment in comments %}
          <div class="border-bottom pb-2 mb-2">
            <div class="small text-muted">
              {{ comment.author|placeholder }} · {{ comment.created|date:"Y-m-d H:i" }}
              {% if comment.resolved %}
                <span class="badge text-bg-green">{% trans "resolved" %}</span>
              {% endif %}
            </div>
            <div>{{ comment.body|linebreaksbr }}</div>
            {% for reply in comment.replies.all %}
              <div class="ms-4 mt-1 small">
                <span class="text-muted">{{ reply.author|placeholder }}:</span> {{ reply.body|linebreaksbr }}
                <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_reply_delete' pk=object.pk reply_pk=reply.pk %}">
                  {% csrf_token %}
                  {% if request.user.is_authenticated and reply.author_id == request.user.pk %}
                    <button type="submit" class="btn btn-link btn-sm text-danger p-0">{% trans "delete" %}</button>
                  {% endif %}
                </form>
              </div>
            {% endfor %}
            {% if can_reply %}
              <form method="post" class="mt-1 d-flex gap-2" action="{% url 'plugins:forward_netbox:forwardchange_comment_reply' pk=object.pk comment_pk=comment.pk %}">
                {% csrf_token %}
                <input type="text" name="body" class="form-control form-control-sm" placeholder="{% trans 'Reply' %}">
                <button type="submit" class="btn btn-sm btn-outline-primary">{% trans "Reply" %}</button>
              </form>
            {% endif %}
            <div class="mt-1">
              {% if can_resolve %}
                <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_comment_resolve' pk=object.pk comment_pk=comment.pk %}">
                  {% csrf_token %}
                  <input type="hidden" name="resolved" value="{% if comment.resolved %}0{% else %}1{% endif %}">
                  <button type="submit" class="btn btn-link btn-sm p-0">{% if comment.resolved %}{% trans "reopen" %}{% else %}{% trans "resolve" %}{% endif %}</button>
                </form>
              {% endif %}
              {% if request.user.is_authenticated and comment.author_id == request.user.pk and not comment.replies.all %}
                <form method="post" class="d-inline" action="{% url 'plugins:forward_netbox:forwardchange_comment_delete' pk=object.pk comment_pk=comment.pk %}">
                  {% csrf_token %}
                  <button type="submit" class="btn btn-link btn-sm text-danger p-0">{% trans "delete" %}</button>
                </form>
              {% endif %}
            </div>
          </div>
        {% empty %}
          <p class="text-muted">{% trans "No comments yet." %}</p>
        {% endfor %}
        {% if can_comment %}
          <form method="post" action="{% url 'plugins:forward_netbox:forwardchange_comment' pk=object.pk %}">
            {% csrf_token %}
            <textarea name="body" rows="2" class="form-control mb-2" placeholder="{% trans 'Add a comment' %}"></textarea>
            <button type="submit" class="btn btn-primary">{% trans "Comment" %}</button>
          </form>
        {% endif %}
      </div>
    </div>

    <div class="card">
      <h5 class="card-header">{% trans "Next steps" %}</h5>
      <div class="card-body">
        {% if transitions %}
          <table class="table table-hover">
            {% for transition in transitions %}
              <tr>
                <th scope="row">{{ transition.target }}</th>
                <td>
                  {% if transition.allowed %}
                    <span class="badge text-bg-green">{% trans "ready" %}</span>
                  {% else %}
                    <ul class="list-unstyled mb-0 small text-muted">
                      {% for blocker in transition.blockers %}
                        <li>{{ blocker }}</li>
                      {% endfor %}
                    </ul>
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          </table>
        {% else %}
          <p class="text-muted mb-0">{% trans "This change is finished; there is nowhere further to go." %}</p>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{% endblock content %}