{% extends "base.html" %}
{% block title %}Finish — {{ paper.title[:60] }} — e2er{% endblock %}

{% block content %}
<p><a href="/papers/{{ paper.id }}">← back to the study</a></p>
<h1>Finish: verify and publish</h1>
<p class="sub">{{ paper.title }}</p>

{% if not session_ok %}
  <div class="pf-banner bad">{{ session_problem | ticks }}</div>
{% endif %}
{% if paper.shown_status != "completed" %}
  <div class="pf-banner bad">This study has not finished (status: {{ paper.shown_status | status_words }}). You can still check what it has produced.</div>
{% endif %}

<section class="card" id="card-folder" data-state="{{ 'ok' if export else 'none' }}">
  <header class="card-h">
    <span class="dot" aria-hidden="true"></span>
    <h2>Study folder</h2>
    <span class="card-status">{{ "Ready" if export else "Not prepared yet" }}</span>
  </header>
  <p class="card-note">The paper, code, data, results and the record of how they were made, in one folder.
    Verifying and publishing work on this folder.</p>
  <div class="picked">
    <code class="path" id="export-path">{{ export or ("will be written to " ~ output_root) }}</code>
    <button type="button" class="btn" id="do-export" {% if not session_ok %}disabled{% endif %}>{{ "Prepare again" if export else "Prepare the folder" }}</button>
  </div>
  <p class="found" id="export-msg"></p>
</section>

<section class="card" id="card-verify" data-state="none">
  <header class="card-h">
    <span class="dot" aria-hidden="true"></span>
    <h2>Verify</h2>
    <span class="card-status" id="verify-status">Not run</span>
  </header>
  <p class="card-note">The same five checks as <code>e2er verify</code>, offline: every file matches its fingerprint,
    every table number traces to its source, the estimation follows the declared design, and every citation is in the bibliography.</p>
  <label class="check"><input type="checkbox" id="verify-online"> <span>Also check every citation against the live registries (OpenAlex, Semantic Scholar, Crossref), as <code>e2er verify --online</code>.</span></label>
  <button type="button" class="btn-primary" id="do-verify" {% if not session_ok %}disabled{% endif %}>Verify</button>
  <div id="verify-out"></div>
</section>

<section class="card" id="card-publish" data-state="none">
  <header class="card-h">
    <span class="dot" aria-hidden="true"></span>
    <h2>Publish to e2er.org</h2>
    <span class="card-status" id="publish-status">Not published</span>
  </header>
  <p class="card-note">Publishing sends the study's description, its record and the fingerprints of its files to
    <code>{{ platform }}</code>. The files themselves stay on this computer. You see the exact request first.</p>

  <div class="field-grid">
    <label class="field">
      <span>Owner (your GitHub login, lower case)</span>
      <input name="owner" id="pub-owner" value="{{ owner }}" autocomplete="off" spellcheck="false">
    </label>
    <label class="field">
      <span>Project name</span>
      <input name="project" id="pub-project" value="{{ project }}" autocomplete="off" spellcheck="false">
    </label>
  </div>
  <div class="field">
    <span>Paper (PDF)</span>
    <div class="radio-row">
      <label><input type="radio" name="paper" value="private" checked> private</label>
      <label><input type="radio" name="paper" value="public"> public</label>
    </div>
    <p class="small muted reader-note" id="paper-note">Private: readers on e2er.org see a button to ask you for the paper.</p>
  </div>
  <label class="field" id="paper-url-field" hidden>
    <span>Address of the public PDF (https; empty: paper/paper.pdf in the repository at the commit below)</span>
    <input id="pub-paper-url" autocomplete="off" spellcheck="false">
  </label>
  <div class="field">
    <span>Data</span>
    <div class="radio-row">
      <label><input type="radio" name="data" value="private" checked> private</label>
      <label><input type="radio" name="data" value="public"> public</label>
    </div>
    <p class="small muted reader-note" id="data-note">{% if data_terms %}If the data stay private, readers on e2er.org see a link to the {{ data_terms[0].short }} instead of a request button: its terms do not allow passing the data on outside the study's replication package.{% else %}Private: readers on e2er.org see a button to ask you for the data.{% endif %}</p>
  </div>
  <div class="field">
    <span>Code</span>
    <div class="radio-row">
      <label><input type="radio" name="code" value="private" checked> private</label>
      <label><input type="radio" name="code" value="public"> public</label>
    </div>
    <p class="small muted reader-note" id="code-note">Private: readers on e2er.org see a button to ask you for the code.</p>
  </div>
  <div class="field-grid">
    <label class="field" id="data-url-field" hidden>
      <span>Where the public data live (repository or DOI, optional)</span>
      <input id="pub-data-url" autocomplete="off" spellcheck="false">
    </label>
    <label class="field" id="code-url-field" hidden>
      <span>Where the public code lives (optional)</span>
      <input id="pub-code-url" autocomplete="off" spellcheck="false">
    </label>
  </div>
  <label class="check" id="zenodo-field" hidden>
    <input type="checkbox" id="pub-zenodo">
    <span>Deposit the public data and code on Zenodo with your own token (<code>ZENODO_TOKEN</code>) and record the DOIs.</span>
  </label>

  <div id="terms-box">
    {% for t in data_terms %}
      <div class="pf-banner terms" data-connector="{{ t.connector }}">
        <p>The study uses data from the {{ t.label }}. Its terms:</p>
        <ul>{% for line in t.plain %}<li>{{ line }}</li>{% endfor %}</ul>
        <p class="small">Citation: {{ t.citation }} · <a href="{{ t.terms_url }}" target="_blank" rel="noopener">Full terms</a></p>
        <label class="check">
          <input type="checkbox" class="confirm-terms" value="{{ t.connector }}">
          <span>Publish the {{ t.short }} data with the study under these terms (needed when the data are public).</span>
        </label>
      </div>
    {% endfor %}
  </div>

  <details class="more">
    <summary>More: your name, ORCID iD, roles, licence, repository, what the study builds on</summary>
    <div class="field-grid">
      <label class="field"><span>Your name as it should appear in citations</span><input id="pub-name" autocomplete="name"></label>
      <label class="field"><span>ORCID iD</span><input id="pub-orcid" placeholder="0000-0002-1825-0097" autocomplete="off" spellcheck="false"></label>
      <label class="field"><span>Your roles (CRediT, separated by commas)</span><input id="pub-roles" placeholder="Conceptualization, Software" autocomplete="off"></label>
      <label class="field"><span>Licence (e.g. CC-BY-4.0)</span><input id="pub-license" autocomplete="off" spellcheck="false"></label>
      <label class="field"><span>Repository that holds the folder (URL)</span><input id="pub-repo" autocomplete="off" spellcheck="false"></label>
      <label class="field"><span>Commit that pins it</span><input id="pub-commit" autocomplete="off" spellcheck="false"></label>
      <label class="field"><span>Path of the folder in the repository</span><input id="pub-path" autocomplete="off" spellcheck="false"></label>
      <label class="field"><span>Builds on (owner/project, separated by commas)</span><input id="pub-derived" autocomplete="off" spellcheck="false"></label>
    </div>
  </details>

  <label class="check">
    <input type="checkbox" id="pub-demo" {% if demonstration %}checked{% endif %}>
    <span>Demonstration or test run: the study is published as is and marked as not a research contribution.</span>
  </label>

  <div class="save-row">
    <button type="button" class="btn" id="do-preview" {% if not session_ok %}disabled{% endif %}>Preview the request</button>
    <button type="button" class="btn-primary" id="do-publish" disabled>Publish</button>
    <span class="form-note" id="pub-msg" role="status"></span>
  </div>

  <div id="signin" {% if signed_in %}hidden{% endif %}>
    <p class="card-note">Publishing needs you signed in to {{ platform }}. You approve a code in the browser; no password goes through e2er.</p>
    <button type="button" class="btn" id="do-login" {% if not session_ok %}disabled{% endif %}>Sign in to e2er.org</button>
    <div id="login-out"></div>
  </div>
  <p class="muted" id="signed-in-note" {% if not signed_in %}hidden{% endif %}>Signed in to {{ platform }}.</p>

  <div id="pub-out"></div>
</section>

<script>
(function () {
  const pid = '{{ paper.id }}';
  const esc = (s) => String(s).replace(/[&<>"']/g, (c) => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
  async function call(method, url, body) {
    const r = await fetch(url, { method, credentials: 'same-origin', headers: { 'content-type': 'application/json' }, body: body ? JSON.stringify(body) : undefined });
    const d = await r.json().catch(() => ({}));
    if (!r.ok) throw new Error(d.detail || ('Failed (' + r.status + ')'));
    return d;
  }
  const card = (id, state, status) => { const c = document.getElementById(id); c.dataset.state = state; if (status) c.querySelector('.card-status').textContent = status; };

  document.getElementById('do-export').addEventListener('click', async () => {
    const m = document.getElementById('export-msg'); m.textContent = 'Preparing…';
    try { const d = await call('POST', '/api/papers/' + pid + '/export'); document.getElementById('export-path').textContent = d.path; showTerms(d.data_terms); m.textContent = 'Ready.'; card('card-folder', 'ok', 'Ready'); }
    catch (e) { m.textContent = e.message; card('card-folder', 'bad', 'Could not prepare'); }
  });

  document.getElementById('do-verify').addEventListener('click', async () => {
    const out = document.getElementById('verify-out'); out.innerHTML = '<p class="muted">Checking…</p>';
    try {
      const d = await call('POST', '/api/papers/' + pid + '/verify', { online: document.getElementById('verify-online').checked });
      const mark = { PASS: '✓', FAIL: '✗', SKIP: '·' };
      out.innerHTML = '<div class="vf-list pf-list">' + d.checks.map((c) =>
        '<div class="pf pf-' + c.status.toLowerCase() + '"><span class="pf-mark">' + mark[c.status] + '</span><span class="pf-name">' + esc(c.name) + '</span><span class="pf-detail">' + esc(c.detail) + '</span></div>').join('') +
        '</div><p>' + esc(d.verdict) + '</p>';
      card('card-verify', d.verified ? 'ok' : 'bad', d.verified ? 'Verified' : 'Not verified');
    } catch (e) { out.innerHTML = '<p class="error">' + esc(e.message) + '</p>'; card('card-verify', 'bad', 'Could not run'); }
  });

  const form = () => ({
    owner: document.getElementById('pub-owner').value, project: document.getElementById('pub-project').value,
    data: document.querySelector('input[name=data]:checked').value, code: document.querySelector('input[name=code]:checked').value,
    data_url: document.getElementById('pub-data-url').value, code_url: document.getElementById('pub-code-url').value,
    paper: document.querySelector('input[name=paper]:checked').value, paper_url: document.getElementById('pub-paper-url').value,
    zenodo: document.getElementById('pub-zenodo').checked,
    accept_data_terms: [...document.querySelectorAll('.confirm-terms:checked')].map((c) => c.value),
    name: document.getElementById('pub-name').value, orcid: document.getElementById('pub-orcid').value,
    license_id: document.getElementById('pub-license').value,
    roles: document.getElementById('pub-roles').value.split(',').map((x) => x.trim()).filter(Boolean),
    repo: document.getElementById('pub-repo').value, commit: document.getElementById('pub-commit').value,
    path: document.getElementById('pub-path').value,
    derived_from: document.getElementById('pub-derived').value.split(',').map((x) => x.trim()).filter(Boolean),
    demonstration: document.getElementById('pub-demo').checked,
  });
  // Where public data and code live, and the Zenodo deposit, matter only when something is public.
  const availability = () => {
    const dataPublic = document.querySelector('input[name=data]:checked').value === 'public';
    const codePublic = document.querySelector('input[name=code]:checked').value === 'public';
    document.getElementById('data-url-field').hidden = !dataPublic;
    document.getElementById('code-url-field').hidden = !codePublic;
    document.getElementById('zenodo-field').hidden = !(dataPublic || codePublic);
    const paperPublic = document.querySelector('input[name=paper]:checked').value === 'public';
    document.getElementById('paper-url-field').hidden = !paperPublic;
    // What readers on e2er.org see for what stays private (src/core/availability.py reader_notes says the same).
    document.getElementById('paper-note').hidden = paperPublic;
    document.getElementById('data-note').hidden = dataPublic;
    document.getElementById('code-note').hidden = codePublic;
  };
  document.querySelectorAll('input[name=data], input[name=code], input[name=paper]').forEach((r) => r.addEventListener('change', availability));
  availability();
  const showTerms = (terms) => {
    if ((terms || []).length) document.getElementById('data-note').textContent = 'If the data stay private, readers on e2er.org see a link to the ' + terms[0].short + " instead of a request button: its terms do not allow passing the data on outside the study's replication package.";
    document.getElementById('terms-box').innerHTML = (terms || []).map((t) =>
      '<div class="pf-banner terms" data-connector="' + esc(t.connector) + '"><p>The study uses data from the ' + esc(t.label) + '. Its terms:</p><ul>' +
      t.plain.map((l) => '<li>' + esc(l) + '</li>').join('') + '</ul><p class="small">Citation: ' + esc(t.citation) +
      ' · <a href="' + esc(t.terms_url) + '" target="_blank" rel="noopener">Full terms</a></p><label class="check"><input type="checkbox" class="confirm-terms" value="' +
      esc(t.connector) + '"><span>Publish the ' + esc(t.short) + ' data with the study under these terms (needed when the data are public).</span></label></div>').join('');
  };
  const pubMsg = document.getElementById('pub-msg');
  const pubBtn = document.getElementById('do-publish');
  let previewOk = false;
  document.getElementById('do-preview').addEventListener('click', async () => {
    const out = document.getElementById('pub-out'); pubMsg.textContent = 'Preparing the preview…';
    try {
      const d = await call('POST', '/api/papers/' + pid + '/publish', { ...form(), dry_run: true });
      out.innerHTML = '<h3 class="h3">The request that would be sent to ' + esc(d.platform) + '</h3>' +
        (d.request ? '<pre class="preview">' + esc(JSON.stringify(d.request, null, 2)) + '</pre>' : '') +
        (d.output ? '<pre class="preview">' + esc(d.output) + '</pre>' : '');
      pubMsg.textContent = d.ok ? 'Nothing was sent. Publish when it looks right.' : 'The preview found a problem; see above.';
      previewOk = d.ok;
      pubBtn.disabled = !d.ok || document.getElementById('signin').hidden === false;
    } catch (e) { pubMsg.textContent = e.message; }
  });
  pubBtn.addEventListener('click', async () => {
    pubMsg.textContent = 'Publishing…';
    try {
      const d = await call('POST', '/api/papers/' + pid + '/publish', { ...form(), dry_run: false });
      document.getElementById('pub-out').innerHTML = '<pre class="preview">' + esc(d.output) + '</pre>';
      pubMsg.textContent = d.ok ? 'Published.' : 'Not published; see above.';
      card('card-publish', d.ok ? 'ok' : 'bad', d.ok ? 'Published' : 'Not published');
    } catch (e) { pubMsg.textContent = e.message; }
  });

  const loginBtn = document.getElementById('do-login');
  if (loginBtn) loginBtn.addEventListener('click', async () => {
    const out = document.getElementById('login-out');
    try { await call('POST', '/api/platform/login'); } catch (e) { out.innerHTML = '<p class="error">' + esc(e.message) + '</p>'; return; }
    out.innerHTML = '<p class="muted">Contacting e2er.org…</p>';
    const poll = async () => {
      let d; try { d = await call('GET', '/api/platform/login'); } catch (e) { out.innerHTML = '<p class="error">' + esc(e.message) + '</p>'; return; }
      if (d.state === 'waiting') {
        out.innerHTML = '<p>Open <a href="' + esc(d.verify_url) + '" target="_blank" rel="noopener">' + esc(d.verify_url) + '</a> and confirm this code:</p><div class="code-box">' + esc(d.code) + '</div><p class="muted">Waiting for your approval…</p>';
      } else if (d.state === 'done' || d.signed_in) {
        out.innerHTML = '<p>' + esc(d.message || 'Signed in.') + '</p>';
        document.getElementById('signin').hidden = true; document.getElementById('signed-in-note').hidden = false; pubBtn.disabled = !previewOk;
        return;
      } else if (d.state === 'error') { out.innerHTML = '<p class="error">' + esc(d.message) + '</p>'; return; }
      setTimeout(poll, 2000);
    };
    poll();
  });
})();
</script>
{% endblock %}