{% extends "base.html" %}
{% block title %}Researcher step — e2er{% endblock %}

{% block content %}
<p><a href="/papers/{{ paper_id }}">← back to the study</a></p>
{% if not pending %}
  <h1>No researcher step</h1>
  <p class="sub">The run is not stopped at a researcher step.</p>
{% else %}
  <h1>Your review: {{ step_label or pending.stage }}</h1>
  <p class="muted">Researcher step: {{ pending.stage }}</p>
  <p class="sub">
    {% if pending.kind == "preregister" %}
      The pre-registration below was assembled from the study's design files. Edit it if needed;
      approving it 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. Approve to keep it
      as it is (your decision is recorded in the dossier and the output is marked as failing its check),
      edit a file, give an instruction, or send the specialist back with a remark for new attempts.
      The specialists that passed keep their output.
    {% 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 %}.
      Edit the draft or a results file, give an instruction, or send back paper_drafter, section_writer
      (table layout) or econometrics_specialist; the check then runs again. Approve to continue with these
      mismatches: your decision and each mismatch are recorded in the dossier. The reviewers run after that.
    {% 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 is recorded in the dossier and the deviation is
      disclosed), 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.
    {% else %}
      The run stopped here for you. Edit a file, give an instruction for the following steps,
      send a step back, or approve to continue. Everything you do here appears in the study's dossier.
    {% endif %}
  </p>
  {% if pending.kind == "contract" and pending.failures %}
    {% for f in pending.failures %}
      <section class="rv-contract">
        <h2>{{ f.specialist }}: {{ f.attempts|length }} attempts</h2>
        <ol>{% for a in f.attempts %}<li class="small">{% if a.violations %}{{ a.violations|join("; ") }}{% else %}{{ a.error or "no reason recorded" }}{% endif %}</li>{% endfor %}</ol>
        {% if f.files %}<p class="muted small">Files: {{ f.files|join(", ") }}</p>{% endif %}
      </section>
    {% endfor %}
  {% elif pending.kind == "numbers" and pending.mismatches %}
    <table class="small">
      <thead><tr><th>Table cell</th><th>In the table</th><th>In the results</th><th>Source key</th></tr></thead>
      <tbody>{% for m in pending.mismatches %}<tr><td>{{ m.cell }}</td><td>{{ m.in_table }}</td><td>{{ m.in_results }}</td><td class="mono">{{ m.source_key }}</td></tr>{% endfor %}</tbody>
    </table>
  {% elif pending.reasons %}
    <ul>{% for r in pending.reasons %}<li class="small">{{ r }}</li>{% endfor %}</ul>
  {% endif %}

  {% for f in files %}
    <section class="rv-file">
      <h2 class="mono">{{ f.name }}</h2>
      {% if f.exists %}
        <textarea id="f-{{ loop.index }}" data-file="{{ f.name }}" rows="18" style="width:100%;font-family:var(--mono, monospace)">{{ f.content }}</textarea>
        <button class="btn-ghost" data-save="f-{{ loop.index }}">Save edit</button>
      {% else %}
        <p class="muted">Not written yet.</p>
      {% endif %}
    </section>
  {% endfor %}

  <section>
    <h2>Instruction for the following steps</h2>
    <textarea id="instr" rows="3" style="width:100%" placeholder="For instance: use monthly data."></textarea>
    <button class="btn-ghost" id="send-instr">Add instruction</button>
  </section>

  {% if sendable %}
  <section>
    <h2>Send a step back</h2>
    <select id="sb-step">{% for s in sendable %}<option>{{ s }}</option>{% endfor %}</select>
    <input id="sb-remark" style="width:60%" placeholder="What should change">
    <button class="btn-ghost" id="send-back">Send back and continue</button>
  </section>
  {% endif %}

  <p><button class="btn-primary" id="approve">{% if pending.kind == "contract" %}Keep the output as it is and continue{% elif pending.kind == "numbers" %}Continue with these mismatches{% 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>
  <p class="form-note" id="rv-msg" hidden></p>
{% endif %}

{% if actions %}
  <h2>What you did at researcher steps</h2>
  <ul>{% for a in actions %}<li class="small">{{ (a.created_at|string)[:19] }} · {{ a.stage }} · {{ a.payload.action }} {{ a.payload.file or a.payload.target or "" }} {{ a.payload.text or a.payload.remark or "" }}</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) {
      const r = await fetch('/api/papers/{{ paper_id }}/review', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) });
      const d = await r.json().catch(() => ({}));
      if (!r.ok) { say(d.detail || ('Failed (' + r.status + ')')); return false; }
      return d;
    }
    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 %}