{% extends "base.html" %}
{% block title %}Stopped for you · e2er{% endblock %}

{% block content %}
<p class="crumb"><a href="/papers/{{ paper_id }}">← Back to the run</a></p>
{% if not pending %}
  <h1>Nothing to decide here</h1>
  <p class="sub">This run is not stopped for you. Its page shows what it is doing.</p>
{% else %}
  <h1>Stopped for you: {{ step_label or (pending.stage | step_label) }}</h1>
  {% if title %}<p class="sub">{{ title }}</p>{% endif %}

  <section class="decision" id="decision">
    <h2>{{ pending.kind | stop_label }}</h2>
    <p class="decision-why">
      {% if pending.kind == "preregister" %}
        The pre-registration below was put together from the study's design files. Edit it if needed.
        Approving freezes it with its fingerprint before any analysis runs.
      {% elif pending.kind == "contract" %}
        The output below failed its check in every attempt, so the run stopped for you. You can keep it as it is:
        your decision goes into the dossier and the output is marked as failing its check. You can also edit a file,
        give an instruction, or send the specialist back with a remark for new attempts. The specialists whose
        output passed keep it.
      {% elif pending.kind == "numbers" and pending.untraced %}
        The number check compared no number in the paper's tables with the results files: {{ pending.untraced }}.
        You can edit the draft, give an instruction, or send back the paper draft or the table layout; the check
        then runs again. You can also continue without the table check: your decision goes into the dossier, and
        <code>e2er verify</code> still fails a paper whose tables were never checked.
      {% elif pending.kind == "numbers" %}
        The number check found numbers in the paper's tables that differ from the results files, and the automatic
        correction did not fix them{% if pending.auto_patch %} ({{ pending.auto_patch }}){% endif %}.
        You can continue with these differences: your decision and each difference go into the dossier, and the
        review panel runs next. You can also edit the draft or a results file, give an instruction, or send back
        the paper draft, the table layout or the estimation; the check then runs again.
      {% elif pending.kind == "deviation" %}
        The pre-registered plan changed after it was frozen, so the estimation does not run yet. Approve to keep the
        change as a deviation from the plan: your decision goes into the dossier and the deviation is disclosed.
        You can also edit the file back to the frozen version, or send back the step that changed it.
      {% elif pending.kind == "gate" %}
        A check failed, so the run stopped here. Its reasons are below. Edit a file, give an instruction, or send a
        step back; the check runs again when the run continues. Continuing does not pass the check.
      {% elif pending.kind == "review_at" %}
        You asked the run to stop after this step. Read what it wrote, edit it if you want, and let the run continue.
      {% else %}
        The run stopped here for you. Read the files, edit them if you want, give an instruction for the following
        steps or send a step back, then approve to continue. Everything you do here goes into the study's dossier.
      {% endif %}
    </p>

    {% if pending.kind == "contract" and pending.failures %}
      {% for f in pending.failures %}
        <h3 class="h3">{{ f.specialist | specialist_label }}: {{ f.attempts | length }} attempts</h3>
        <table class="grid">
          <thead><tr><th>Attempt</th><th>What failed</th></tr></thead>
          <tbody>
            {% for a in f.attempts %}
              <tr><td class="num">{{ a.attempt or loop.index }}</td><td>{% if a.violations %}{{ a.violations | join("; ") }}{% else %}{{ a.error or "no reason recorded" }}{% endif %}</td></tr>
            {% endfor %}
          </tbody>
        </table>
        {% if f.files %}<p class="muted small">Files: {{ f.files | join(", ") }}</p>{% endif %}
      {% endfor %}
    {% elif pending.kind == "numbers" and pending.mismatches %}
      <table class="grid" id="mismatches">
        <thead><tr><th>Where in the paper</th><th>In the table</th><th>In the results</th><th>Results file and entry</th></tr></thead>
        <tbody>
          {% for m in pending.mismatches %}
            <tr><td>{{ m.cell }}</td><td class="num">{{ m.in_table }}</td><td class="num">{{ m.in_results }}</td><td class="mono small">{{ m.source_key }}</td></tr>
          {% endfor %}
        </tbody>
      </table>
    {% elif pending.reasons %}
      <ul class="reasons">{% for r in pending.reasons %}<li>{{ r }}</li>{% endfor %}</ul>
    {% endif %}

    <div class="decision-actions">
      <button class="btn-primary" id="approve">{% if pending.kind == "contract" %}Keep the output as it is and continue{% elif pending.kind == "numbers" and pending.untraced %}Continue without the table check{% elif pending.kind == "numbers" %}Continue with these differences{% elif pending.kind == "deviation" %}Approve the deviation and continue{% elif pending.kind == "gate" %}Continue: run the check again{% elif pending.kind == "preregister" %}Approve and freeze{% else %}Approve and continue{% endif %}</button>
      <p class="form-note" id="rv-msg" role="status" hidden></p>
    </div>
  </section>

  {% if sendable_choices %}
  <section class="card">
    <h2>Send a step back</h2>
    <p class="card-note">The step runs again with your remark, and the run stops here again afterwards.</p>
    <div class="send-back">
      <label class="field"><span>Step or specialist</span>
        <select id="sb-step">{% for s in sendable_choices %}<option value="{{ s.name }}">{{ s.label }}</option>{% endfor %}</select>
      </label>
      <label class="field grow"><span>What should change</span>
        <input id="sb-remark" placeholder="For instance: use the corrected event dates.">
      </label>
      <button class="btn" id="send-back">Send back and continue</button>
    </div>
  </section>
  {% endif %}

  <section class="card">
    <h2>Instruction for the following steps</h2>
    <p class="card-note">The specialists of the following steps read it. It goes into the dossier.</p>
    <textarea id="instr" rows="3" placeholder="For instance: use monthly data."></textarea>
    <button class="btn" id="send-instr">Add instruction</button>
  </section>

  <section>
    <h2>Files</h2>
    {% if not files %}<p class="muted">This stop has no files to read.</p>{% endif %}
    {% for f in files %}
      <details class="rv-file">
        <summary><span class="mono">{{ f.name }}</span> <span class="muted small">{{ f.what }}{% if f.exists %} · {{ f.lines }} lines{% endif %}</span></summary>
        {% if f.exists %}
          <pre class="file-preview quoted">{{ f.preview }}</pre>
          <button type="button" class="btn" data-edit="f-{{ loop.index }}">Edit this file</button>
          <div class="file-edit quoted" id="edit-f-{{ loop.index }}" hidden>
            <p class="small muted">{{ f.edit_note }}</p>
            <textarea id="f-{{ loop.index }}" data-file="{{ f.name }}" rows="18" class="mono">{{ f.content }}</textarea>
            <button type="button" class="btn-primary" data-save="f-{{ loop.index }}">Save the change</button>
          </div>
        {% else %}
          <p class="muted">Not written yet.</p>
        {% endif %}
      </details>
    {% endfor %}
  </section>

  <details class="tech">
    <summary>Technical details</summary>
    <p class="small mono">Researcher step: {{ pending.stage }} · kind {{ pending.kind }}</p>
    {% if pending.kind == "contract" and pending.failures %}
      <p class="small mono">{% for f in pending.failures %}{{ f.specialist }}: {{ f.attempts | length }} attempts{% if not loop.last %}; {% endif %}{% endfor %}</p>
    {% endif %}
    {% if sendable %}<p class="small mono">Can be sent back: {{ sendable | join(", ") }}</p>{% endif %}
  </details>
{% endif %}

{% if actions %}
  <h2>What you did at earlier stops</h2>
  <ul class="history">{% for a in actions %}<li class="small">{{ (a.created_at | string)[:16] }} · {{ a.stage | step_label }}: {% if a.payload.decision == "numbers_accepted" and a.payload.untraced %}Continued without the table check{% elif a.payload.decision == "numbers_accepted" %}Continued with {{ a.payload.mismatches | length }} difference(s){% else %}{{ a.payload.action | action_label }}{% endif %}{% if a.payload.file %} {{ a.payload.file }}{% endif %}{% if a.payload.target or a.payload.step and a.payload.action == "send_back" %} ({{ (a.payload.target or a.payload.step) | step_label }}){% endif %}{% if a.payload.text or a.payload.remark %}: “{{ a.payload.text or a.payload.remark }}”{% endif %}</li>{% endfor %}</ul>
{% endif %}

<script>
  (function () {
    const msg = document.getElementById('rv-msg');
    const say = (t) => { if (msg) { msg.textContent = t; msg.hidden = false; } };
    async function send(body) {
      try { return await e2er.call('POST', '/api/papers/{{ paper_id }}/review', body); }
      catch (e) { say(e.message); e2er.notice(e.message); return false; }
    }
    document.querySelectorAll('[data-edit]').forEach((b) => b.addEventListener('click', () => {
      const box = document.getElementById('edit-' + b.dataset.edit);
      box.hidden = false; b.hidden = true;
      document.getElementById(b.dataset.edit).focus();
    }));
    document.querySelectorAll('[data-save]').forEach((b) => b.addEventListener('click', async () => {
      const t = document.getElementById(b.dataset.save);
      if (await send({ action: 'edit', file: t.dataset.file, content: t.value })) say('Saved ' + t.dataset.file + '.');
    }));
    const i = document.getElementById('send-instr');
    if (i) i.addEventListener('click', async () => { if (await send({ action: 'instruction', text: document.getElementById('instr').value })) { say('Instruction added.'); document.getElementById('instr').value = ''; } });
    const sb = document.getElementById('send-back');
    if (sb) sb.addEventListener('click', async () => { if (await send({ action: 'send_back', step: document.getElementById('sb-step').value, remark: document.getElementById('sb-remark').value })) location.href = '/papers/{{ paper_id }}'; });
    const a = document.getElementById('approve');
    if (a) a.addEventListener('click', async () => {
      a.disabled = true;
      if (await send({ action: 'approve' })) location.href = '/papers/{{ paper_id }}';
      else a.disabled = false;
    });
  })();
</script>
{% endblock %}