{% extends "base.html" %}
{% block title %}Library · e2er{% endblock %}

{% block content %}
<h1>Library</h1>
<p class="sub">
  What the papers you have read claim. Every entry is a statement and the sentence it was taken from, word for
  word, checked against the paper. A claim whose sentence could not be found in the paper is not kept.
</p>

{% if not exists %}
  <section class="empty">
    <h2>No library yet</h2>
    <p>
      Give e2er a folder of PDFs and it reads them into a library you can search by claim. Your own copies work
      best: about two in five papers found on the web are behind a paywall.
    </p>
    <p>Adding papers runs in a terminal for now:</p>
    <div class="copy-row"><code class="cmd">e2er corpus add ~/path/to/your/papers/</code><button type="button" class="btn-ghost btn-small" data-copy="e2er corpus add ~/path/to/your/papers/">Copy</button></div>
    <p class="muted">
      The library is kept in <code class="path">{{ path }}</code> and grows with every folder you add.
      Every study reads it.
    </p>
  </section>

{% else %}

  {% if error %}
    <section class="warn-box">
      <strong>The library could not be read.</strong>
      <p class="muted">{{ error }}</p>
    </section>
  {% endif %}

  {% if stats %}
  <section class="wf-summary">
    <div class="wf-stat"><span class="n">{{ stats.papers }}</span><span class="l">papers</span></div>
    <div class="wf-stat"><span class="n">{{ stats.claims }}</span><span class="l">checked claims</span></div>
    <div class="wf-stat"><span class="n">{{ stats.topics }}</span><span class="l">standing topics</span></div>
    {% if stats.first_pass_rejection_rate is not none %}
      <div class="wf-stat">
        <span class="n">{{ '%.1f' | format(stats.first_pass_rejection_rate * 100) }}%</span>
        <span class="l">quotes not found in the paper</span>
      </div>
    {% endif %}
  </section>
  {% endif %}

  <form method="get" action="/library" class="lib-search">
    <input type="search" name="q" value="{{ query }}" placeholder="who found null effects for …" autofocus>
    <button type="submit" class="btn-primary">Search claims</button>
  </form>

  {% if query %}
    {% if hits %}
      <p class="sub">{{ hits | length }} claim(s) matching “{{ query }}”.</p>
      {% for h in hits %}
        <article class="claim">
          <div class="claim-head">
            <strong>{{ h.title or h.key }}</strong>
            {% if h.year %}<span class="muted">({{ h.year }})</span>{% endif %}
            <span class="field-tag">{{ h.field }}</span>
          </div>
          <p class="claim-text">{{ h.text }}</p>
          <blockquote>“{{ h.quote }}”{% if h.locator %} <span class="muted">({{ h.locator }})</span>{% endif %}</blockquote>
          {% if h.doi %}<p class="muted mono">{{ h.doi }}</p>{% endif %}
        </article>
      {% endfor %}
    {% else %}
      <section class="empty">
        <h2>Nothing matches “{{ query }}”</h2>
        <p class="muted">
          The library holds {{ stats.claims if stats else 0 }} claims from
          {{ stats.papers if stats else 0 }} papers. The search reads the claims and the quoted sentences,
          not the titles: try words that might appear <em>inside</em> a paper.
        </p>
      </section>
    {% endif %}

  {% else %}
    <h2>Papers</h2>
    <table class="wf-table">
      <thead><tr><th>Claims</th><th>Year</th><th>Title</th><th>DOI</th></tr></thead>
      <tbody>
        {% for p in papers %}
          <tr>
            <td class="num">{{ p.n_claims }}</td>
            <td class="num">{{ p.year or '' }}</td>
            <td>{{ p.title }}</td>
            <td class="mono muted">{{ p.doi or '' }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
    {% if stats and stats.papers > papers | length %}
      <p class="muted">Showing {{ papers | length }} of {{ stats.papers }}.</p>
    {% endif %}
  {% endif %}

  <p class="muted">
    Add more in a terminal with <code class="tick">e2er corpus add</code> and a folder, a DOI or a PDF.
    A study also reads the PDFs in its own literature folder.
  </p>
  <script>
    document.querySelectorAll('[data-copy]').forEach((b) => b.addEventListener('click', async () => {
      try { await navigator.clipboard.writeText(b.dataset.copy); b.textContent = 'Copied'; } catch (e) { b.textContent = 'Select it and copy'; }
    }));
  </script>
{% endif %}
{% endblock %}