{% extends "base.html" %}
{% block title %}{{ _("Comparison report") }}{% endblock %}
{% block crumb %}<span class="crumb">/ {{ _("comparison report") }}</span>{% endblock %}
{% block content %}
<div class="small"><a href="{{ url_for('compare', a=meta.a, b=meta.b) }}">← {{ _("Back to the comparison") }}</a></div>
<div class="row" style="margin:8px 0 14px">
  <h2 style="margin:0" class="grow">{{ _("Comparison report") }}</h2>
  {% if body %}
  {% if meta.pdf %}<button class="btn primary" type="button" data-open-file="{{ meta.pdf }}">📄 {{ _("Open PDF") }}</button>{% endif %}
  <a class="btn {{ 'primary' if not meta.pdf }}" href="{{ url_for('report_zip', jid=meta.id) }}">{{ _("⬇ ZIP (REPORT.md + SVG images)") }}</a>
  <button class="btn" type="button" data-reveal="{{ out }}">📂 {{ _("Open folder") }}</button>
  {% endif %}
</div>
{% if meta.pdf_error %}<div class="flash error">{{ _("Could not make the PDF:") }} {{ _(meta.pdf_error) }}</div>{% endif %}
{% if meta.error %}<div class="flash error">{{ _("Could not generate the report:") }} {{ meta.error }}</div>{% endif %}
{% if meta.running %}
<div class="card"><div class="card-body">
  <div><span class="spinner"></span> <b>{{ _("Preparing…") }}</b> <span class="muted" id="cl-cur"></span></div>
  <div class="progress"><div id="cl-bar"></div></div>
  <p class="hint">{{ _("Every changed VI is parsed and compared without LabVIEW, and an SVG with both block diagrams is drawn. VIs opened before come from the cache.") }}</p>
</div></div>
<script>
(async function poll() {
  const j = await (await fetch("{{ url_for('api_report', jid=meta.id) }}")).json();
  if (!j.running) { location.reload(); return; }
  document.getElementById("cl-bar").style.width = (j.total ? 100 * j.done / j.total : 4) + "%";
  document.getElementById("cl-cur").textContent = j.total ? `${j.done}/${j.total} VI — ${j.current || ""}` : "";
  setTimeout(poll, 700);
})();
</script>
{% elif body %}
<p class="small muted" style="margin-top:-6px">{{ _("Saved to") }} <span class="mono">{{ out }}</span>{% if meta.pdf %} · <span class="mono">REPORT.pdf</span>{% endif %}</p>
<article class="card md-body"><div class="card-body">{{ body|safe }}</div></article>
{% endif %}
{% endblock %}