{% extends "_panel.html" %}
{% block title %}Denetim — {{ job.url }}{% endblock %}
{% block content %}
<h1>{{ job.url }}</h1>
<div class="card" id="job-card">
  {% if job.status == "running" %}
  <p><span class="chip info">çalışıyor</span></p>
  <div class="progress"><div></div></div>
  <p id="msg">{{ job.message }}</p>
  <p class="muted small" style="margin-bottom:0">Başlangıç: {{ job.started_at.strftime("%H:%M:%S") }} · Bu sayfa otomatik güncellenir.</p>
  {% else %}
  <div class="alert"><strong>Denetim başarısız:</strong> {{ job.message }}</div>
  <p><a href="/">Ana sayfaya dön</a></p>
  {% endif %}
</div>
{% if job.status == "running" %}
<script>
  (function poll() {
    fetch("/api/jobs/{{ job.id }}")
      .then(r => r.json())
      .then(d => {
        const msg = document.getElementById("msg");
        if (msg && d.message) msg.textContent = d.message;
        if (d.status === "done" && d.report_url) {
          toast("Denetim tamamlandı ✓", "var(--ok)");
          location.href = d.report_url;
        } else if (d.status === "error") {
          document.getElementById("job-card").innerHTML =
            '<div class="alert"><strong>Denetim başarısız:</strong> ' + (d.message || "") + '</div><p><a href="/">Ana sayfaya dön</a></p>';
        } else {
          setTimeout(poll, 1500);
        }
      })
      .catch(() => setTimeout(poll, 3000));
  })();
</script>
{% endif %}
{% endblock %}