{# The progress fragment: included by job.html and polled at /jobs/{id}/progress. Its
   root carries the header's running line, which app.js copies after each swap. #}
{% import "_icons.html" as icons with context %}
<div class="jobgrid" data-run="{{ t('progress.running_for', time=duration(p.elapsed_s), tokens=number(p.tokens, ui_lang)) }}">
  <section class="card pipeline" aria-labelledby="pipe-h">
    <div class="card-head">
      <h2 id="pipe-h">{{ t('progress.pipeline') }}</h2>
      <span class="grow"></span>
      {% if p.current_index %}<span class="meta">{{ t('progress.stage_of', current=p.current_index, total=p.steps | length) }}</span>{% endif %}
    </div>
    <ol class="steps" aria-label="{{ t('progress.steps') }}">
    {% for s in p.steps %}
      <li class="step step-{{ s.state }} who-{{ s.who }}"{% if s.state == 'running' %} aria-current="step"{% endif %}>
        <span class="step-icon">
          {% if s.state == 'done' %}<svg width="20" height="20" viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="9.5" fill="#1E6B3A"/><path d="M6 10.3 8.8 13l5.2-5.8" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
          {% elif s.state == 'running' %}<span class="ring spin" aria-hidden="true"></span>
          {% elif s.state == 'failed' %}{{ icons.sev('error', '', 20) }}
          {% else %}<span class="ring" aria-hidden="true"></span>{% endif %}
        </span>
        <span class="step-body">
          <span class="step-top"><span class="step-title">{{ s.title }}</span>{{ icons.who(s.who) }}<span class="step-state">{{ t('progress.state.' ~ s.state) }}</span></span>
          <span class="step-desc">{{ s.description }}</span>
          {% if s.detail %}<span class="step-detail">{{ s.detail }}</span>{% endif %}
          {% if s.usage %}<span class="step-usage">{{ t('progress.usage', n=s.usage.calls, tokens=number(s.usage.tokens_in + s.usage.tokens_out, ui_lang), time=duration(s.usage.seconds)) }}</span>
          {% elif s.key == 'check' and s.state == 'done' %}<span class="step-usage">{{ t('progress.no_model', rules=rule_count) }}</span>{% endif %}
        </span>
      </li>
    {% endfor %}
    </ol>
  </section>

  <div class="results">
    {% if job.status == "failed" %}
    <div class="alert" role="alert">
      {{ icons.sev('error') }}
      <div>
        {% if job.error == 'cancelled' %}
        <p><strong>{{ t('progress.stopped') }}</strong></p>
        {% else %}
        <p><strong>{{ t('progress.failed', error=job.error) }}</strong></p>
        {% endif %}
        <p>{{ t('progress.failed_hint') }}</p>
        <form method="post" action="/jobs/{{ job.id }}/rerun">
          <input type="hidden" name="stage" value="understand">
          <button type="submit" class="btn">{{ t('progress.rerun') }}</button>
        </form>
      </div>
    </div>
    {% endif %}

    {% if p.factsheet or p.draft or p.live %}
    <div class="results-head">
      <h2>{{ t('progress.results') }}</h2>
      {% if p.live %}<span class="hint">{{ t('progress.results_hint') }}</span>{% endif %}
    </div>
    {% endif %}

    {% if p.factsheet or p.draft %}
    <div class="results-cards">
      {% if p.factsheet %}
      <section class="card" aria-labelledby="fs-h">
        <div class="card-head">
          <h3 id="fs-h">{{ t('progress.factsheet') }}</h3>{{ icons.who('model') }}
          <span class="grow"></span>
          <span class="meta">{{ t('detail.facts', n=p.factsheet.facts | length, keep=p.factsheet.facts | selectattr('must_keep') | list | length) }}</span>
        </div>
        <dl class="core-list"{% if job.config.lang %} lang="{{ job.config.lang }}"{% endif %}>
        {% for c in p.core %}
          <div><dt lang="{{ ui_lang }}">{{ c.label }}</dt><dd>{% if c.answer.text %}{{ c.answer.text }}{% else %}<span class="muted" lang="{{ ui_lang }}">{{ t('core.unanswered') }}</span>{% endif %}</dd></div>
        {% endfor %}
        </dl>
        <div class="subhead">{{ t('progress.must_keep') }}</div>
        <ul class="factlines">
        {% for f in p.factsheet.facts if f.must_keep %}
          <li class="factline"><span class="id">{{ f.id }}</span><span class="kind">{{ t.get('kind.' ~ f.kind, f.kind) }}</span><span class="text" title="{{ f.text }}"{% if job.config.lang %} lang="{{ job.config.lang }}"{% endif %}>{{ f.text }}</span>{% if f.value_norm %}<span class="chip" title="{{ f.value_norm }}">{{ f.value_norm }}</span>{% endif %}</li>
        {% endfor %}
        </ul>
        {% if p.factsheet.omit_candidates %}<p class="card-note">{{ t('progress.background', n=p.factsheet.omit_candidates | length) }}</p>{% endif %}
      </section>
      {% endif %}

      {% if p.draft %}
      {% set errors = p.rules.findings | selectattr('severity', 'equalto', 'error') | list | length if p.rules else 0 %}
      {% set warns = p.rules.findings | selectattr('severity', 'equalto', 'warn') | list | length if p.rules else 0 %}
      <section class="card" aria-labelledby="dv-h">
        <div class="card-head">
          <h3 id="dv-h">{{ t('draft.version', version=p.draft.version) }}</h3>{{ icons.who('model') }}
          {% if p.rules %}<span class="tag">{{ icons.icon('code', 12) }}{{ t('progress.checked_by_code') }}</span>{% endif %}
          <span class="grow"></span>
          {% if p.rules %}<span class="meta">{{ t('count.errors', n=errors) }} · {{ t('count.warnings', n=warns) }}</span>{% endif %}
        </div>
        <div class="preview" lang="{{ p.draft.lang }}">
        {% for b in p.draft.blocks %}
          {% set mark = p.block_marks.get(b.id) %}
          <div class="pv{% if b.kind == 'heading' %} heading{% endif %}"><span class="sev">{% if mark %}{{ icons.sev(mark, t('sev.' ~ mark)) }}{% endif %}</span><span>{% if b.kind == "list_item" %}&bull; {% endif %}{{ b.text }}</span></div>
        {% endfor %}
        </div>
        {% if p.rules %}<p class="card-note">{{ t('progress.findings', errors=errors, warns=warns) }} {{ t('progress.doc_findings') }}</p>{% endif %}
      </section>
      {% endif %}
    </div>
    {% endif %}
  </div>
</div>