{% extends archive_base_change_list_template|default:"admin/change_list.html" %}
{% load i18n %}
{% load static %}

{% block object-tools-items %}
  {% if archive_available %}
    <li>
      <a href="#" id="archive-logs-btn" class="button" style="margin-right: 5px;">
        {% translate "归档" %} <i class="fa-solid fa-box-archive" aria-hidden="true"></i>
      </a>
    </li>
  {% endif %}
  {{ block.super }}
{% endblock %}

{% block extrahead %}
  {{ block.super }}
  {{ archive_form.media }}
  <link rel="stylesheet" href="{% static 'fontawesome/css/all.min.css' %}">
  <link rel="stylesheet" href="{% static 'django_log_archive/admin/archive.css' %}">
{% endblock %}

{% block content %}
  <div id="archive-logs-modal" class="archive-modal-wrap" style="display: none;">
    <div class="archive-modal-backdrop"></div>
    <div class="archive-modal">
      <h2>{{ archive_verbose_name }}</h2>
      <p>{% translate "指定归档日期范围（含）。点快捷日期一键填充，两字段均留空时归档昨天的数据。" %}</p>
      <form id="archive-logs-form"
            action="{% url archive_url_name %}"
            method="post">
        {% csrf_token %}
        {% if archive_date_presets %}
          <div class="archive-date-presets">
            <span class="archive-presets-label">{% translate "快捷日期:" %}</span>
            {% for preset in archive_date_presets %}
              <button type="button" class="button archive-preset-btn" data-key="{{ preset.key }}">{{ preset.label }}</button>
            {% endfor %}
          </div>
        {% endif %}
        <div class="archive-form-fields">
          {% for field in archive_form.visible_fields %}
            <div class="archive-field">
              <label for="{{ field.id_for_label }}">{{ field.label }}</label>
              {{ field }}
              {% if field.errors %}<div class="errorlist">{{ field.errors }}</div>{% endif %}
            </div>
          {% endfor %}
        </div>
        <div class="submit-row">
          <input type="submit" value="{% translate '开始归档' %}" class="default">
          <a href="#" id="archive-logs-cancel" class="button cancel-link">{% translate "取消" %}</a>
        </div>
      </form>
    </div>
  </div>
  {{ block.super }}
  <script src="{% static 'django_log_archive/admin/archive.js' %}"></script>
{% endblock %}