{% extends "django_recovery/base.html" %}

{% block content %}
<h1>Job #{{ job.pk }} — {{ job.job_type }}</h1>

<p>
  Status:
  <span id="status" class="badge badge-{{ job.status }}">{{ job.get_status_display }}</span>
</p>

<div class="recovery-timestamps">
  <div>Created: {{ job.created_at }}</div>
  <div>Started: {{ job.started_at|default:"—" }}</div>
  <div>Finished: {{ job.finished_at|default:"—" }}</div>
</div>

<pre id="log">{{ job.log }}</pre>

<p><a href="{% url 'recovery:dashboard' %}">Back to dashboard</a></p>

<script>
  const finished = {% if job.status == "success" or job.status == "failed" %}true{% else %}false{% endif %};
  const poll = async () => {
    const r = await fetch("{% url 'recovery:job_status' job.pk %}");
    const d = await r.json();
    document.getElementById("log").textContent = d.log_tail;
    document.getElementById("status").textContent = d.status;
    if (!d.finished) setTimeout(poll, 2000);
  };
  if (!finished) poll();
</script>
{% endblock %}