{% extends "lingo/manager_homepage.html" %}
{% load i18n %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{% url 'lingo-manager-export-job-detail' job.uuid %}">{% trans "Export" %}</a>
  </li>
{% endblock %}

{% block content %}
  {% if job.status == 'failed' %}
    <div class="pk-error">
      <p>{% trans "Error during export."%}</p>
      {% if job.exception %}
      <pre>{{job.exception}}</pre>
      {% endif %}
    </div>
  {% elif job.status == 'completed' %}
    <a class="pk-button" href="{% url 'lingo-manager-export-job-download' job.uuid %}">{% trans "Download exported file" %}</a>
  {% else %}
    <div class="pk-information">
      <p>{% trans "Exporting, please wait." %}</p>
    </div>
  {% endif %}

  {%if job.status != 'completed' and job.status != 'failed' %}
    <script>
      window.addEventListener("load", (event) => {
        setTimeout(() => {
          window.location.reload();
        }, 3000);
      });
    </script>
  {% endif %}
{% endblock %}