{% extends "base.html" %}
{% from "_icon_btn.html" import icon_button %}
{% block title %}Library — Paperful{% endblock %}
{% block content %}
{% macro collection_line(node) %}
  <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 class="coll-head">{{ collection_line(node) }}</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>
{% if error %}<div class="error-banner">{{ error }}</div>{% endif %}
<section class="panel">
  <h2>Collections</h2>
{% if collection_tree %}
<div class="coll-tree">
  <div class="coll-head coll-labels" aria-hidden="true">
    <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 items %}
<section class="panel">
  <h2>Items in {{ prefs.collection }}</h2>
<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="document.getElementById('lib-" ~ row.key ~ "').showModal()") }}
      <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="" 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 <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 %}