{% 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>
  <button type="submit" form="scope-form" name="collection" value="{{ node.path }}" class="icon-btn{% if node.path == prefs.collection %} is-active{% endif %}" title="Set scope to {{ node.path }}" aria-label="Set scope to {{ node.path }}"{% if node.path == prefs.collection %} aria-pressed="true"{% endif %}>
    <svg class="icon-btn-glyph" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
      <circle cx="8" cy="8" r="5.5" fill="none" stroke="currentColor" stroke-width="1.35"/>
      <circle cx="8" cy="8" r="2" fill="none" stroke="currentColor" stroke-width="1.35"/>
      <path fill="none" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" d="M8 1.5v2M8 12.5v2M1.5 8h2M12.5 8h2"/>
    </svg>
  </button>
{% 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">{{ library_label }} collections. 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 %}
<form method="post" action="/prefs/collection" id="scope-form"><input type="hidden" name="next" value="/wanted"></form>
<section class="panel">
  <div class="lib-items-head">
    <h2>Collections</h2>
    <form method="post" action="/library/refresh" class="toolbar">
      {% if collections_checked_at %}<span class="counts">Counted <span data-ts="{{ collections_checked_at }}">{{ collections_checked_at|int }}</span></span>{% endif %}
      <button type="submit" class="secondary">Refresh counts</button>
      {{ info("Item and missing-PDF counts are cached for ten minutes because counting a large library is slow. Refresh after you change the library in Zotero.") }}
    </form>
  </div>
  <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; you land on Wanted for that collection.</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" data-autosubmit>
          {% 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 the library already has a stored file. Open Detail for the summary, if one exists.</p>
<div class="table-wrap">
<table class="wb-table">
  <caption class="sr-only">Items in {{ prefs.collection }}</caption>
  <thead><tr><th scope="col">Title</th><th scope="col">Year</th><th scope="col">PDF</th><th scope="col">Summary</th><th scope="col"><span class="sr-only">Detail</span></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', drawer='lib-' ~ row.key) }}
      <template id="lib-{{ row.key }}" data-drawer-title="{{ row.title }}">
        <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 %}
      </template>
    </td>
  </tr>
  {% endfor %}
  </tbody>
</table>
</div>
</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 %}