{% extends "admin/change_form.html" %}
{% load i18n admin_urls %}
{% block extrastyle %}
{{ block.super }}
<style>
.archive-task-progress {
  margin: 0 0 20px;
  padding: 12px 16px;
  background: #f8f9fb;
  border: 1px solid #d7dbe4;
  border-radius: 4px;
}
.archive-task-progress .title {
  font-weight: 700;
  margin-bottom: 8px;
}
.archive-task-progress .track {
  height: 14px;
  background: #e3e6ed;
  border-radius: 7px;
  overflow: hidden;
  margin-bottom: 8px;
}
.archive-task-progress .fill {
  height: 100%;
  background: #417690;
  border-radius: 7px;
  transition: width 0.3s ease;
}
.archive-task-progress .meta {
  color: #555;
  font-size: 12px;
  line-height: 1.7;
}
.archive-task-progress .actions {
  margin-top: 10px;
}
</style>
{% endblock %}

{% block after_field_sets %}
{% if original %}
<div class="archive-task-progress" data-status="{{ original.status }}">
  <div class="title">
    {% if original.status == "pending" %}{% translate "等待执行" %}
    {% elif original.status == "running" %}{% translate "执行中" %}
    {% elif original.status == "success" %}{% translate "执行成功" %}
    {% elif original.status == "failed" %}{% translate "执行失败" %}
    {% else %}{{ original.get_status_display }}{% endif %}
  </div>
  <div class="track"><div class="fill" style="width: {{ original.progress_percent }}%"></div></div>
  <div class="meta">
    {% translate "步骤进度" %}：{{ original.step_done }} / {{ original.step_total }}
    {% if original.mode == "check" %}
      （{% translate "共" %} {{ original.step_total }} = {{ original.record_total }} × {{ original.STEPS_PER_RECORD }}）
    {% else %}
      （{% translate "共" %} {{ original.step_total }} = {{ original.record_total }} × {{ original.STEPS_PER_RECORD }} + {% translate "收尾" %}）
    {% endif %}
  </div>
  <div class="meta">
    {% translate "记录进度" %}：{{ original.record_done }} / {{ original.record_total }}
    {% if original.record_failed %}，{% translate "失败" %} {{ original.record_failed }}{% endif %}
  </div>
  {% if original.current_record_id %}
  <div class="meta">
    {% translate "正在处理记录" %} #{{ original.current_record_id }}
    （{% translate "子步骤" %} {{ original.current_step }} / {{ original.STEPS_PER_RECORD }}）
  </div>
  {% endif %}
  {% if original.error %}
  <div class="meta" style="color: #ba2121;">{% translate "错误" %}：{{ original.error }}</div>
  {% endif %}
  {% if original.result_message %}
  <div class="meta" style="white-space: pre-wrap;">{% translate "结果说明" %}：{{ original.result_message }}</div>
  {% endif %}
  {% if original.result_file %}
  <div class="actions">
    <a class="button" href="{{ original.result_file.url }}" download>
      {% translate "下载结果文件" %}
    </a>
  </div>
  {% endif %}
</div>
{% endif %}
{% endblock %}

{% block admin_change_form_document_ready %}
{{ block.super }}
<script>
(function () {
  var box = document.querySelector('.archive-task-progress');
  if (!box) { return; }
  var status = box.getAttribute('data-status');
  if (status === 'pending' || status === 'running') {
    setTimeout(function () { window.location.reload(); }, 3000);
  }
})();
</script>
{% endblock %}