{% load i18n %}
{% comment %}
Whole body of the export progress modal (header, figures, footer), served by
app_data:data_exporter_progress. Self-refreshing while the task is live: the
polling attributes are omitted once it is terminal, which is what stops the loop
(same idiom as app_data/tasks/detail.html).

The modal header is part of this partial on purpose - it is what lets the title
follow the task's state rather than staying on "in progress" for ever.
{% endcomment %}

{% if is_running %}
<div id="cv-export-progress"
     hx-get="{% url 'app_data:data_exporter_progress' task.handle %}"
     hx-trigger="every 2s"
     hx-select="#cv-export-progress"
     hx-swap="outerHTML">
{% else %}
<div id="cv-export-progress">
{% endif %}

  <div class="modal-header">
    <h1 class="modal-title fs-5">
      {% if task.state == "DONE" %}{% translate 'Export done' %}
      {% elif task.state == "ABORTED" %}{% translate 'Export aborted' %}
      {% elif task.state == "FAILED" %}{% translate 'Export failed' %}
      {% elif task.state == "QUEUED" %}{% translate 'Export queued' %}
      {% else %}{% translate 'Export in progress' %}{% endif %}
    </h1>
  </div>

  <div class="modal-body">

    <div class="datatask-progress-bar-wrap cv-export-bar">
      <div class="datatask-progress-bar cv-bar-{{ percent_step }}"></div>
    </div>
    <div class="datatask-progress-text">
      {{ percent }}% —
      <span class="datatask-state datatask-state-{{ task.state|lower }}">{{ task.state }}</span>
    </div>

    <div class="cv-export-progress-grid">
      <div class="cv-export-progress-key">{% translate 'Total' %}</div>
      <div class="cv-export-progress-value">{{ total }}</div>

      <div class="cv-export-progress-key">{% translate 'Done' %}</div>
      <div class="cv-export-progress-value">{{ count_done }}</div>

      <div class="cv-export-progress-key">{% translate 'Success' %}</div>
      <div class="cv-export-progress-value">{{ count_ok }}</div>

      <div class="cv-export-progress-key">{% translate 'Errors' %}</div>
      <div class="cv-export-progress-value">{{ count_ko }}</div>

      <div class="cv-export-progress-key">{% translate 'Duration' %}</div>
      <div class="cv-export-progress-value">
        {% if task.duration %}{{ task.duration|floatformat:1 }}s{% else %}-{% endif %}
      </div>

      {% if is_running %}
      <div class="cv-export-progress-key">{% translate 'Remaining' %}</div>
      <div class="cv-export-progress-value">
        {% if eta %}{{ eta|floatformat:1 }}s{% else %}-{% endif %}
      </div>
      {% endif %}

      <div class="cv-export-progress-key">{% translate 'Rate' %}</div>
      <div class="cv-export-progress-value">
        {% if rate %}{{ rate|floatformat:1 }} q/s{% else %}-{% endif %}
      </div>

      <div class="cv-export-progress-key">{% translate 'Result' %}</div>
      <div class="cv-export-progress-value">
        {% if attachment.fileid %}
        <a href="{% url 'app_data:data_exporter_result' task.handle %}">
          <i class="fa fa-download me-1"></i>{{ attachment.filename }}
        </a>
        {% else %}
        <span class="cv-export-result-empty">{% translate 'empty' %}</span>
        {% endif %}
      </div>
    </div>

    {% if not is_running and total != count_ok %}
    <div class="form-text">
      {% translate 'Objects you are not allowed to read are counted in Total but not exported.' %}
    </div>
    {% endif %}

    {% if error_message %}
    <div class="cv-export-errors">
      <div class="cv-export-catalog-label">{% translate 'Reason' %}</div>
      <div class="cv-export-error-line">{{ error_message }}</div>
    </div>
    {% endif %}

    {% if errors_sample %}
    <div class="cv-export-errors">
      <div class="cv-export-catalog-label">{% translate 'First errors' %}</div>
      {% for line in errors_sample %}
      <div class="cv-export-error-line">{{ line }}</div>
      {% endfor %}
      {% if not is_running %}
      <div class="form-text">
        <a href="{% url 'app_data:task_errors' task.handle %}">
          <i class="fa fa-download me-1"></i>{% blocktranslate %}Download the {{ errors_total }} error(s){% endblocktranslate %}
        </a>
      </div>
      {% endif %}
    </div>
    {% endif %}

    {% if not is_running %}
    <div class="form-text">
      <a href="{% url 'app_data:task_detail' task.handle %}">{% translate 'Full task report' %}</a>
    </div>
    {% endif %}

  </div>

  {% comment %}
  While the export is RUNNING: Abort + Hide. Hiding is safe for everyone now
  that the Tasks menu needs no permission - the task stays followable there and
  its result is downloadable from it, so a dismissed modal no longer orphans a
  run. (Until 5.4.0 the Hide button was hidden from users without p_task_view,
  for whom this modal was the only view of their export.)

  Once the task is TERMINAL the export is over and Close replaces both: there is
  nothing left to abort, and the result link is right there in the body.

  The modal carries data-bs-backdrop="static", data-bs-keyboard="false" and no
  close "x", so these buttons are the only way out.
  {% endcomment %}
  <div class="modal-footer">
    {% if is_running %}
    <div class="form-text me-auto">
      {% translate 'Aborting discards the partial file; nothing is left to download.' %}
    </div>
    <button class="btn btn-warning"
            hx-post="{% url 'app_data:data_exporter_abort' task.handle %}"
            hx-target="#cv-export-progress"
            hx-swap="outerHTML">
      {% translate 'Abort' %}
    </button>
    <a role="button" class="btn btn-outline-dark" data-bs-dismiss="modal">{% translate 'Hide' %}</a>
    {% else %}
    <a role="button" class="btn btn-outline-dark" data-bs-dismiss="modal">{% translate 'Close' %}</a>
    {% endif %}
  </div>

</div>