{% extends "lingo/invoicing/manager_collection_detail.html" %}
{% load i18n %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{% url 'lingo-manager-invoicing-regie-collection-job-detail' regie.pk object.pk job.uuid %}">{{ job }}</a>
  </li>
{% endblock %}

{% block appbar %}
  <h2>{{ job }}</h2>
{% endblock %}

{% block content %}
  {% if job.status == 'failed' %}
    <div class="pk-error">
      {% if job.exception %}
        <p>{% trans "Error running the job." %}</p>
        <pre>{{ job.exception }}</pre>
      {% endif %}
      <p><a class="pk-button" href="{% url 'lingo-manager-invoicing-regie-collection-detail' regie.pk object.pk %}">{% trans "Back" %}</a></p>
    </div>
  {% elif job.status == 'completed' %}
    <div class="pk-information">
      <ul>
        <li>{% trans "Added:" %} {% if job.result_data.added %}{{ job.result_data.added|join:", " }}{% else %}{% trans "none" %}{% endif %}</li>
        <li>{% trans "Updated:" %} {% if job.result_data.updated %}{{ job.result_data.updated|join:", " }}{% else %}{% trans "none" %}{% endif %}</li>
      </ul>
      <p><a class="pk-button" href="{% url 'lingo-manager-invoicing-regie-collection-detail' regie.pk object.pk %}">{% trans "Back" %}</a></p>
    </div>
  {% else %}
    <div class="pk-information">
      <p>{% trans "Please wait…" %}</p>
      <dl class="job-status">
        <dt>{{ job.label }}</dt>
        <dd>{{ job.get_status_display }}: {{ job.get_progression }}</dd>
      </dl>
    </div>
    <script>
      $(function () {
        setTimeout(function () { window.location.reload(); }, 3000);
      });
    </script>
  {% endif %}

{% endblock %}