{% comment %}
Archive timeline — partial body.

Renders the chronological list of ``ArchiveVersion`` entries for a
single ``ArchivableMixin`` row. Tabler ``timeline`` component (see
https://tabler.io/docs/ui/timeline) with per-revision badges color-
coded by reason code.

Context:
    archive_instance: the archivable model instance.
    archive_versions: QuerySet of ArchiveVersion rows (newest first).
    archive_has_versions: True if at least one version exists.

When no versions exist the partial shows the legacy banner (alert-
info) explaining that this row predates the archive-history feature —
used for rows that were created before ``ArchivableMixin`` was
layered onto the plugin model.
{% endcomment %}
{% load i18n %}

<div id="archive-timeline-{{ archive_instance.pk }}"
     class="card"
     aria-label="{% translate 'Archive timeline' %}">
  <div class="card-header">
    <h3 class="card-title">
      <i class="ti ti-history me-1"></i>{% translate "Revision history" %}
    </h3>
  </div>
  <div class="card-body">
    {% if archive_has_versions %}
      <ul class="timeline">
        {% for version in archive_versions %}
          {% with meta=version.revision_meta reason=version.revision_meta.reason_code %}
          <li class="timeline-event">
            <div class="timeline-event-icon
                        {% if reason == 'create' %}bg-green-lt
                        {% elif reason == 'update' %}bg-blue-lt
                        {% elif reason == 'soft_delete' %}bg-orange-lt
                        {% elif reason == 'restore' %}bg-info-lt
                        {% elif reason == 'revert' %}bg-purple-lt
                        {% else %}bg-secondary-lt{% endif %}">
              <i class="ti
                        {% if reason == 'create' %}ti-plus
                        {% elif reason == 'update' %}ti-edit
                        {% elif reason == 'soft_delete' %}ti-trash
                        {% elif reason == 'restore' %}ti-restore
                        {% elif reason == 'revert' %}ti-arrow-back-up
                        {% else %}ti-point{% endif %}"></i>
            </div>
            <div class="card timeline-event-card">
              <div class="card-body">
                <div class="text-secondary float-end">
                  {{ version.created_at }}
                </div>
                <h4 class="mb-1">
                  <span class="badge
                               {% if reason == 'create' %}bg-green-lt text-green
                               {% elif reason == 'update' %}bg-blue-lt text-blue
                               {% elif reason == 'soft_delete' %}bg-orange-lt text-orange
                               {% elif reason == 'restore' %}bg-info-lt text-info
                               {% elif reason == 'revert' %}bg-purple-lt text-purple
                               {% else %}bg-secondary-lt text-secondary{% endif %}">
                    {{ meta.get_reason_code_display }}
                  </span>
                  <span class="text-secondary ms-2">
                    v{{ version.schema_version }}
                  </span>
                </h4>
                <div class="text-secondary small">
                  {% if meta.user %}
                    <i class="ti ti-user me-1"></i>{{ meta.user.get_username }}
                  {% else %}
                    <i class="ti ti-server me-1"></i>{% translate "System" %}
                  {% endif %}
                  {% if meta.tenant %}
                    <span class="ms-2">
                      <i class="ti ti-building me-1"></i>{{ meta.tenant }}
                    </span>
                  {% endif %}
                  {% if meta.comment %}
                    <div class="mt-1 fst-italic">{{ meta.comment }}</div>
                  {% endif %}
                </div>
                {% if not forloop.first and reason != 'revert' %}
                  <div class="mt-2">
                    <button type="button"
                            class="btn btn-sm btn-ghost-primary"
                            hx-get="{% url 'conjunto_archive:revert-confirm' version.pk %}"
                            hx-target="#dialog"
                            hx-swap="innerHTML"
                            data-bs-toggle="modal"
                            data-bs-target="#modal-archive">
                      <i class="ti ti-arrow-back-up me-1"></i>{% translate "Revert to this version" %}
                    </button>
                  </div>
                {% endif %}
              </div>
            </div>
          </li>
          {% endwith %}
        {% endfor %}
      </ul>
    {% else %}
      <div class="alert alert-info mb-0" role="alert">
        <div class="d-flex">
          <div><i class="ti ti-info-circle alert-icon"></i></div>
          <div>
            <h4 class="alert-title">{% translate "No archive history available" %}</h4>
            <div class="alert-description text-secondary">
              {% blocktranslate trimmed %}
                This record predates the archive-history feature. A
                revision will be recorded the next time the record is
                saved.
              {% endblocktranslate %}
            </div>
          </div>
        </div>
      </div>
    {% endif %}
  </div>
</div>

{% comment %}
Shared modal container — ``#dialog`` is the swap target used by
``ArchiveRevertConfirmView``. Consumer pages that already ship their
own ``#modal-archive`` / ``#dialog`` container can omit this block by
overriding the template; by default we render it here so the partial
is self-contained.
{% endcomment %}
<div class="modal modal-blur fade" id="modal-archive" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div id="dialog" class="modal-content"></div>
  </div>
</div>