{% extends "base.html" %}
{% set section = "runs" %}
{% block title %}Run #{{ run.id }} — Pipekit{% endblock %}

{% block content %}
<div class="panel">
    <header>
        Run #{{ run.id }}
        <span class="subtitle">
            <a href="/modules/{{ run.module_id }}">{{ run.module_name }}</a> ·
            started {{ run.started_at }}
        </span>
        <span style="margin-left:auto"><span class="pill {{ run.status }}">{{ run.status }}</span></span>
    </header>
    <div class="body">
        <dl class="keyval">
            <dt>started</dt>   <dd class="mono">{{ run.started_at }}</dd>
            <dt>finished</dt>  <dd class="mono">{{ run.finished_at or '—' }}</dd>
            <dt>rows</dt>      <dd class="mono">{{ run.row_count if run.row_count is not none else '—' }}</dd>
            <dt>watermarks</dt><dd class="mono">{{ run.watermark_values_json or '—' }}</dd>
            {% if run.error %}<dt>error</dt><dd class="mono" style="color:var(--danger)">{{ run.error }}</dd>{% endif %}
        </dl>
    </div>
</div>

{% if run.resolved_source_sql %}
<div class="panel">
    <header>Resolved source SQL</header>
    <div class="body"><pre class="sql">{{ run.resolved_source_sql }}</pre></div>
</div>
{% endif %}

{% if run.merge_sql %}
<div class="panel">
    <header>Merge SQL</header>
    <div class="body"><pre class="sql">{{ run.merge_sql }}</pre></div>
</div>
{% endif %}

<div id="run-live"
  {% if run.status == 'running' %}
  hx-get="/runs/{{ run.id }}/live"
  hx-trigger="load, every 2s"
  hx-swap="outerHTML"
  {% endif %}
>
  <div class="panel">
    <header>
      Progress
      <span style="margin-left:auto">
        <span class="pill {{ run.status }}">{{ run.status }}</span>
        {% if run.row_count is not none %}&nbsp;· {{ run.row_count }} rows{% endif %}
      </span>
    </header>
    <div class="body">
      {% if run.live_log %}
      <pre style="margin:0;white-space:pre-wrap">{{ run.live_log }}</pre>
      {% elif run.status == 'running' %}
      <span style="color:var(--text-muted)">Waiting for output…</span>
      {% else %}
      <span style="color:var(--text-muted)">—</span>
      {% endif %}
    </div>
  </div>
</div>

{% if run.jrunner_stdout or run.jrunner_stderr %}
<div class="panel">
    <header>jrunner output</header>
    <div class="body">
        {% if run.jrunner_stdout %}<div style="color:var(--text-muted)">stdout</div><pre class="sql">{{ run.jrunner_stdout }}</pre>{% endif %}
        {% if run.jrunner_stderr %}<div style="color:var(--text-muted);margin-top:0.6rem">stderr</div><pre class="sql">{{ run.jrunner_stderr }}</pre>{% endif %}
    </div>
</div>
{% endif %}

{% if run.hook_log %}
<div class="panel">
    <header>Hook log</header>
    <div class="body"><pre class="sql">{{ run.hook_log }}</pre></div>
</div>
{% endif %}
{% endblock %}