{% comment %}
Optimistic-locking conflict partial.

Rendered with HTTP 409 when ``revert()`` raises ``StaleObjectError``,
i.e. another writer updated the source row between the caller's load
and the revert submit. HTMX swaps this into ``#dialog`` so the user
sees the notice without leaving the page.

Context:
    archive_instance: the source row.
{% endcomment %}
{% load i18n %}

<div class="modal-header">
  <h5 class="modal-title">
    <i class="ti ti-alert-triangle text-warning me-1"></i>{% translate "Record was modified" %}
  </h5>
  <button type="button" class="btn-close" data-bs-dismiss="modal"
          aria-label="{% translate 'Close' %}"></button>
</div>
<div class="modal-body">
  <div class="alert alert-warning mb-0" role="alert">
    <div class="d-flex">
      <div><i class="ti ti-refresh alert-icon"></i></div>
      <div>
        <h4 class="alert-title">{% translate "Changes detected" %}</h4>
        <div class="alert-description">
          {% blocktranslate trimmed %}
            Someone else changed this record in the meantime. Please
            reload the page to see the latest state, then try the
            revert again if it is still the right choice.
          {% endblocktranslate %}
        </div>
      </div>
    </div>
  </div>
</div>
<div class="modal-footer">
  <button type="button" class="btn btn-link link-secondary me-auto"
          data-bs-dismiss="modal">
    {% translate "Cancel" %}
  </button>
  <button type="button"
          class="btn btn-warning"
          onclick="window.location.reload()">
    <i class="ti ti-refresh me-1"></i>{% translate "Reload page" %}
  </button>
</div>