{% 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 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 %}
    </div>
    {% endif %}

  </div>

  {% comment %}
  While the export is RUNNING the footer depends on ui_perm_task (p_task_view):

    with p_task_view     Abort + Hide - hiding is safe, the task stays followable
                         from the Tasks menu and its result is downloadable there
    without p_task_view  Abort only - this modal is the user's ONLY view of the
                         export, so letting them dismiss it would orphan the run
                         with no way back to the download link

  The modal carries data-bs-backdrop="static", data-bs-keyboard="false" and no
  close "x", so these buttons are the only way out - which is what makes the
  omission of Hide actually binding.

  Once the task is TERMINAL the export is over: Close is offered to everyone,
  p_task_view or not. Without it a user lacking the permission would be trapped in
  a modal with no exit at all, and there is nothing left to orphan - the result
  link is right there in the body.
  {% endcomment %}
  <div class="modal-footer">
    {% if is_running %}
    <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>
    {% if ui_perm_task %}
    <a role="button" class="btn btn-outline-dark" data-bs-dismiss="modal">{% translate 'Hide' %}</a>
    {% endif %}
    {% else %}
    <a role="button" class="btn btn-outline-dark" data-bs-dismiss="modal">{% translate 'Close' %}</a>
    {% endif %}
  </div>

</div>