{% extends "base.html" %}
{% from "_help.html" import info %}
{% from "_icon_btn.html" import icon_button %}
{% block title %}Library — Paperful{% endblock %}
{% block content %}
{% macro collection_line(node) %}
  <span class="coll-toggle" aria-hidden="true"></span>
  <span class="coll-name">{{ node.name }}</span>
  <span class="coll-count">{{ node.item_count }}</span>
  <span class="coll-missing">{{ node.missing_pdf }}</span>
  <form method="post" action="/prefs/collection">
    <input type="hidden" name="collection" value="{{ node.path }}">
    {{ icon_button('Set scope', 'scope', type='submit') }}
  </form>
{% endmacro %}
{% macro collection_nodes(nodes) %}
  {% for node in nodes %}
    {% if node.children %}
    <details class="coll-node"{% if node.open %} open{% endif %}>
      <summary>
        <div class="coll-head">{{ collection_line(node) }}</div>
      </summary>
      <div class="coll-children">{{ collection_nodes(node.children) }}</div>
    </details>
    {% else %}
    <div class="coll-leaf coll-head">{{ collection_line(node) }}</div>
    {% endif %}
  {% endfor %}
{% endmacro %}
<h1>Library</h1>
<p class="page-lede">Zotero collections in this library. The target icon sets the collection chip in the header — Wanted, Discover, Ask, Index, and Briefs all follow that chip. <strong>Missing PDF</strong> is how many items in that collection still have no stored file.</p>
{% if error %}<div class="error-banner">{{ error }}</div>{% endif %}
<section class="panel">
  <h2>Collections</h2>
  <p class="section-lede">Click a name to expand nested collections. Item counts include subcollections. Set scope on the collection you actually want to work on, not only the parent folder.</p>
{% if collection_tree %}
<div class="coll-tree">
  <div class="coll-head coll-labels" aria-hidden="true">
    <span class="coll-toggle"></span>
    <span>Collection</span>
    <span>Items</span>
    <span>Missing PDF</span>
    <span></span>
  </div>
  {{ collection_nodes(collection_tree) }}
</div>
{% else %}
<p class="counts">No collections loaded.</p>
{% endif %}
</section>
{% if prefs.collection and library_pagination.total %}
<section class="panel">
  <div class="lib-items-head">
    <h2>Items in {{ prefs.collection }}</h2>
    <form class="lib-pager" method="get" action="/library">
      <span class="counts">
        {{ library_pagination.range_start }}–{{ library_pagination.range_end }}
        of {{ library_pagination.total }}
      </span>
      <label>
        Per page {{ info("How many rows to show. Larger pages are heavier to render.") }}
        <select name="per_page" onchange="this.form.submit()">
          {% for n in library_pagination.page_sizes %}
          <option value="{{ n }}"{% if n == library_pagination.per_page %} selected{% endif %}>{{ n }}</option>
          {% endfor %}
        </select>
      </label>
      <input type="hidden" name="page" value="1">
      {% if library_pagination.prev_url %}
      <a class="secondary lib-pager-nav" href="{{ library_pagination.prev_url }}">Previous</a>
      {% endif %}
      <span class="counts">Page {{ library_pagination.page }} / {{ library_pagination.page_count }}</span>
      {% if library_pagination.next_url %}
      <a class="secondary lib-pager-nav" href="{{ library_pagination.next_url }}">Next</a>
      {% endif %}
    </form>
  </div>
  <p class="section-lede">Items currently in the collection chip. PDF yes means Zotero already has a stored file. Open Detail for the summary, if one exists.</p>
<table class="wb-table">
  <thead><tr><th>Title</th><th>Year</th><th>PDF</th><th>Summary</th><th></th></tr></thead>
  <tbody>
  {% for row in items %}
  <tr>
    <td>{{ row.title }}</td>
    <td>{{ row.year or '' }}</td>
    <td>{% if row.has_pdf %}yes{% else %}no{% endif %}</td>
    <td>{% if row.has_summary %}yes{% else %}—{% endif %}</td>
    <td>
      {{ icon_button('Detail', 'detail', onclick="openDrawer('lib-" ~ row.key ~ "')") }}
      <dialog class="wb-drawer" id="lib-{{ row.key }}">
        <p><strong>{{ row.title }}</strong> · {{ row.key }}</p>
        {% if row.has_summary %}
        <iframe class="summary-frame" sandbox="" data-src="/item/{{ row.key }}/summary" title="Summary"></iframe>
        {% endif %}
        {% if prefs.advanced and briefs.llm_on and row.has_pdf %}
        <form method="post" action="/wanted/summarize">
          <input type="hidden" name="key" value="{{ row.key }}">
          <label>Dest {{ info("disk: HTML under out/summaries only. zotero: a child note on this item. both: files and a note.") }} <select name="dest">{% for d in dest_options %}<option value="{{ d }}">{{ d }}</option>{% endfor %}</select></label>
          <button type="submit">Summarize</button>
        </form>
        {% endif %}
        <form method="dialog"><button class="secondary">Close</button></form>
      </dialog>
    </td>
  </tr>
  {% endfor %}
  </tbody>
</table>
</section>
{% elif prefs.collection %}
<p class="counts">No items loaded for this collection.</p>
{% else %}
<p class="counts">Set a collection chip to list items here.</p>
{% endif %}
{% endblock %}