{% extends "base.html" %}
{% from "_miss_surface.html" import status_icon %}
{% from "_icon_btn.html" import icon_button %}
{% block title %}Wanted — Paperful{% endblock %}
{% block body_attrs %}{% if request.query_params.get('run') or request.query_params.get('poll') %} data-poll-run="{{ request.query_params.get('run') or request.query_params.get('poll') }}"{% endif %}{% endblock %}
{% block content %}
<h1>Wanted</h1>
{% if coach %}<div class="coach-banner">{{ coach }} <a href="/system">System</a></div>{% endif %}
{% if error %}<div class="error-banner">{{ error }}</div>{% endif %}
<p class="counts">Have {{ counts.have }} · Held {{ counts.held }} · Missing {{ counts.missing }}</p>
<div class="tabs">
  <a href="/wanted?tab=missing" {% if tab == 'missing' %}class="active"{% endif %}>Missing</a>
  <a href="/wanted?tab=held" {% if tab == 'held' %}class="active"{% endif %}>Held</a>
  <a href="/wanted?tab=have" {% if tab == 'have' %}class="active"{% endif %}>Have</a>
</div>
<section class="panel">
  <h2>Fetch</h2>
<form method="post" action="/wanted/preview" id="wanted-form" class="form-stack">
  {% if prefs.advanced %}
  <div class="field-group">
    <p class="field-legend">Filters</p>
    <label>Year from <input name="year_from" type="number"></label>
    <label>Year to <input name="year_to" type="number"></label>
    <label>Type <input name="item_type" placeholder="journalArticle"></label>
    <label>Limit <input name="limit" type="number" min="1"></label>
    <label><input type="checkbox" name="retry_failed" value="1"> Retry failed</label>
    <label><input type="checkbox" name="try_all" value="1"> Try all sources</label>
    <label><input type="checkbox" name="upgrade_linked" value="1"> Upgrade linked</label>
    <label><input type="checkbox" name="upgrade_snapshot" value="1"> Upgrade snapshot</label>
    <label><input type="checkbox" name="browser_agent" value="1"> Browser agent</label>
  </div>
  {% endif %}
  <div class="field-group">
    <p class="field-legend">Actions</p>
    <button type="submit" id="preview-btn" data-label-all="Preview all" data-label-sel="Preview selected">Preview all</button>
    <button type="submit" formaction="/wanted/grab" id="grab-btn" data-label-all="Grab all" data-label-sel="Grab selected">Grab all</button>
    <button type="submit" formaction="/wanted/attach" class="secondary">Attach N PDFs to this Zotero library</button>
  </div>
</form>
</section>
{% if prefs.advanced %}
<section class="panel">
  <h2>Advanced</h2>
  <div class="cluster">
    <p class="field-legend">Attach</p>
    <form method="post" action="/wanted/attach/preview" class="toolbar keys-form">
      <label><input type="checkbox" name="allow_mismatch" value="1"> Allow DOI mismatch</label>
      <label><input type="checkbox" name="allow_short" value="1"> Allow short PDF</label>
      <button type="submit" class="secondary">Preview attach</button>
    </form>
    <form method="post" action="/wanted/attach" class="toolbar">
      <input type="hidden" name="review_token" value="{{ attach_token }}">
      <button type="submit">Attach held PDFs</button>
    </form>
  </div>
  <div class="cluster">
    <p class="field-legend">Recover</p>
    <form method="post" action="/wanted/recover/preview" class="toolbar keys-form">
      <label><input type="checkbox" name="from_last_run" value="1"> From last run</label>
      <label>Mode
        <select name="from_last_run_mode">
          <option value="browser_agent_miss">browser_agent_miss</option>
          <option value="missing">missing</option>
          <option value="browser_agent_not_found">browser_agent_not_found</option>
        </select>
      </label>
      <label>Limit <input name="recover_limit" type="number" min="1"></label>
      <button type="submit" class="secondary">Preview recover</button>
    </form>
    <form method="post" action="/wanted/recover" class="toolbar">
      <input type="hidden" name="review_token" value="{{ recover_token }}">
      <button type="submit">Recover</button>
    </form>
  </div>
  <form method="post" action="/wanted/handoff" class="toolbar keys-form">
    <p class="field-legend">Handoff</p>
    <label>Mode
      <select name="mode">
        <option value="list">list</option>
        <option value="tabs">tabs</option>
        <option value="walk">walk</option>
        <option value="watch">watch</option>
      </select>
    </label>
    <label><input type="checkbox" name="include_doi_tabs" value="1"> Include DOI tabs</label>
    <button type="submit" class="secondary">Handoff</button>
  </form>
  <form method="post" action="/wanted/inbox/drain" class="toolbar">
    <p class="field-legend">Inbox</p>
    <button type="submit" class="secondary">Drain inbox</button>
  </form>
  <form method="post" action="/wanted/reachout" class="toolbar keys-form">
    <p class="field-legend">Reachout</p>
    <label><input type="checkbox" name="non_oa_only" value="1"> Non-OA only</label>
    <label><input type="checkbox" name="lookup" value="1"> Twenty lookup</label>
    <label>Handoff
      <select name="handoff_mode">
        <option value="">export only</option>
        <option value="tabs">tabs</option>
        <option value="walk">walk</option>
      </select>
    </label>
    <button type="submit" class="secondary">Reachout</button>
  </form>
</section>
{% endif %}
<section class="panel">
  <h2>Items</h2>
<table class="wb-table">
  <thead><tr><th></th><th>Title</th><th>Detail</th></tr></thead>
  <tbody>
  {% for row in rows %}
  <tr>
    <td><input type="checkbox" name="keys" value="{{ row.key }}" form="wanted-form" class="row-select"
      {% if row.ticked %}checked{% endif %}></td>
    <td>{{ row.title }}
      {{ icon_button('Detail', 'detail', onclick="document.getElementById('d-" ~ row.key ~ "').showModal()") }}
      <dialog class="wb-drawer" id="d-{{ row.key }}">
        <p><strong>{{ row.title }}</strong></p>
        <p>Key {{ row.key }}{% if row.year %} · {{ row.year }}{% endif %}</p>
        {% if row.doi %}<p>DOI {{ row.doi }}</p>{% endif %}
        {% if row.source %}<p>Source {{ row.source }}</p>{% endif %}
        {% if row.state %}<p>Verification {{ row.state }}{% if row.reason %} ({{ row.reason }}){% endif %}</p>{% endif %}
        {% if row.miss_plain %}<p>{{ row.miss_plain }}</p>{% endif %}
        {% if row.has_summary %}
        <p><a href="/briefs/summary/{{ row.key }}">Open summary</a></p>
        <iframe class="summary-frame" sandbox="" src="/item/{{ row.key }}/summary" title="Summary"></iframe>
        {% endif %}
        {% if prefs.advanced and briefs.llm_on and tab != 'missing' %}
        <form method="post" action="/wanted/summarize" class="toolbar">
          <input type="hidden" name="key" value="{{ row.key }}">
          <label>Dest <select name="dest">{% for d in dest_options %}<option value="{{ d }}">{{ d }}</option>{% endfor %}</select></label>
          <label><input type="checkbox" name="force" value="1"> Force</label>
          <button type="submit">Summarize this</button>
        </form>
        {% endif %}
        <form method="dialog"><button class="secondary">Close</button></form>
      </dialog>
    </td>
    <td>
      {% if row.miss_plain %}{{ status_icon(row.miss_surface, row.miss_plain, row.miss_detail) }}
      {% elif row.state %}{{ status_icon(row.state, row.verify_plain, row.verify_tip) }}
      {% endif %}
      {% if row.has_summary %}<span class="stamp-found">summary</span>{% endif %}
    </td>
  </tr>
  {% endfor %}
  </tbody>
</table>
</section>
{% endblock %}
{% block scripts %}
<script>
(function () {
  var main = document.getElementById("wanted-form");
  if (!main) return;
  document.querySelectorAll("form.keys-form").forEach(function (form) {
    form.addEventListener("submit", function () {
      main.querySelectorAll(".row-select:checked").forEach(function (box) {
        var input = document.createElement("input");
        input.type = "hidden";
        input.name = "keys";
        input.value = box.value;
        form.appendChild(input);
      });
      var lim = form.querySelector("[name=recover_limit]");
      if (lim && lim.value) {
        var hidden = document.createElement("input");
        hidden.type = "hidden";
        hidden.name = "limit";
        hidden.value = lim.value;
        form.appendChild(hidden);
      }
    });
  });
})();
</script>
{% endblock %}