{% extends "base.html" %}
{% import "_run_macros.html" as rm %}
{% import "_macros.html" as m %}
{% block title %}Run #{{ run.id }} — rosbackup-ng{% endblock %}
{% block head %}<script src="/static/htmx-sse.js" defer></script>{% endblock %}
{% block page_title %}Run #{{ run.id }}{% if run.dry_run %} · dry-run{% endif %}{% endblock %}
{% block head_actions %}
{% if live %}<a class="btn" href="/runs/{{ run.id }}?view=compose">Live view ▸</a>{% endif %}
<a class="btn" href="/runs">← History</a>
{% endblock %}
{% block content %}
<section class="card">
  <div class="run-head">
    <div class="run-head-top">
      <span class="run-head-scope">{{ m.scope_link(run.scope_kind, run.scope_value) }}</span>
      {% if run.dry_run %}<span class="chip">dry-run</span>{% endif %}
      {% if run.status == 'running' %}<span class="chip running">running</span>{% endif %}
      {{ rm.run_summary(summary) }}
    </div>
    <div class="run-head-meta">{{ run.trigger }} · started {{ run.started_at | datetime }}
      {%- if not live and run.duration_s is not none %} · {{ run.duration_s | duration }}{% endif %}
      {%- if not live and not run.dry_run %} · {{ total_bytes | filesize }} total{% endif %}</div>
    {% if skipped_offline %}<div class="run-head-meta">⊘ Skipped {{ skipped_offline|length }} device(s) monitored offline: <span class="mono">{{ skipped_offline|join(', ') }}</span></div>{% endif %}
  </div>
  <div id="run-error"></div>

  {% if live %}
  {# htmx SSE: each event OOB-swaps the matching row / the summary; the named
     "done" event closes the stream without reconnecting. #}
  <div hx-ext="sse" sse-connect="/events/runs/{{ run.id }}" sse-swap="message"
       sse-close="done" hx-swap="none"></div>
  {# When the run finishes, refresh into the full per-target detail view (same as history). #}
  <div hx-get="/runs/{{ run.id }}/poll" hx-trigger="every 3s" hx-swap="none"></div>
  <table class="grid">
    <thead><tr><th>Device</th><th>Status</th><th>Elapsed</th></tr></thead>
    <tbody>
      {% for row in rows %}{{ rm.run_row(row.name, row.status, false, row.since, row.elapsed) }}{% endfor %}
    </tbody>
  </table>
  {% else %}
  <table class="grid">
    <thead><tr><th>Device</th><th>Host</th><th>Version</th><th>Model</th><th>Status</th><th>Duration</th><th>Size</th><th>Files</th><th>Error</th></tr></thead>
    <tbody>
      {% for r in detail_rows %}
      <tr>
        <td class="mono">{{ r.name }}</td>
        <td class="mono">{{ r.host }}</td>
        <td class="mono">{{ r.version_change or r.ros_version or '—' }}</td>
        <td class="mono">{{ r.model or '—' }}</td>
        <td>{% if r.ok %}<span class="chip ok">OK</span>{% else %}<span class="chip bad">Failed</span>{% endif %}</td>
        <td>{{ r.duration_s | duration }}</td>
        <td>{% if r.ok %}{{ r.total_bytes | filesize }}{% else %}<span class="muted">—</span>{% endif %}</td>
        <td>{{ r.file_count }}</td>
        <td class="desc">{% if r.error %}<span class="bad">{{ r.error }}</span>{% else %}<span class="muted">—</span>{% endif %}</td>
      </tr>
      {%- if r.outputs %}
      <tr class="cmdlog-row">
        <td colspan="9">
          <details class="cmdlog"{% if not r.ok %} open{% endif %}>
            <summary>Command log — {{ r.name }} ({{ r.outputs|length }} step{{ '' if r.outputs|length == 1 else 's' }})</summary>
            <pre class="cmdlog-pre">{% for o in r.outputs %}{{ o }}
{% endfor %}</pre>
          </details>
        </td>
      </tr>
      {%- endif %}
      {% else %}
      <tr><td colspan="9" class="muted">No per-device detail recorded.</td></tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
</section>
{% endblock %}