{% extends "library/_layout.html" %}
{% from "_macros.html" import icon %}
{% set section = "knowledge" %}

{% block title %}Knowledge - LLeMbas{% endblock %}
{% block heading %}Knowledge{% endblock %}

{% block library_content %}
<p class="admin-lede">
  Documents, images and saved web pages you have collected. A model with the
  knowledge tool searches these before it searches the web, and you can attach
  any of them to a message.
</p>

<section class="card">
  <h2 class="card__title">Add</h2>
  <div class="grid grid--2">
    <form method="post" action="/api/library/documents" enctype="multipart/form-data">
      <div class="field">
        <label class="field__label" for="doc-file">A file</label>
        <input class="input" id="doc-file" type="file" name="file" required
               accept="image/*,.pdf,.txt,.md,.csv,.json,.py,.js,.ts,.rs,.go,.sh,.sql,.yaml,.yml,.toml,.log">
        <p class="field__hint">
          Images, PDFs and text. PDFs have their text read once, now.
        </p>
      </div>
      <button class="btn btn--primary" type="submit">Upload</button>
    </form>

    <form method="post" action="/api/library/documents/link">
      <div class="field">
        <label class="field__label" for="doc-url">A web page</label>
        <input class="input" id="doc-url" type="url" name="url" required
               placeholder="https://example.com/article">
        <p class="field__hint">
          Fetched now and kept as text, so it survives the page changing.
        </p>
      </div>
      <button class="btn" type="submit">Save page</button>
    </form>
  </div>
</section>

<form method="get" action="/library/knowledge" class="btn-row" style="margin-bottom: var(--sp-5)">
  <input class="input" type="search" name="q" value="{{ q }}" style="flex: 1"
         placeholder="Search titles and contents…">
  <button class="btn" type="submit">{{ icon("search", "icon--sm") }} Search</button>
  {% if q %}<a class="btn btn--sm" href="/library/knowledge">Clear</a>{% endif %}
</form>

{% if not documents %}
<div class="empty">
  {{ icon("archive", "empty__mark") }}
  <h2 class="empty__title">{{ "Nothing found" if q else "The shelves are bare" }}</h2>
  <p class="empty__text">
    {% if q %}
      No document matches “{{ q }}”.
    {% else %}
      Add a file or a web page above and it becomes searchable — by you, and by
      any model you have given the knowledge tool.
    {% endif %}
  </p>
</div>
{% else %}
<ul class="model-list">
  {% for document in documents %}
  <li class="model-list__item">
    <div style="min-width: 0">
      <a href="/library/knowledge/{{ document.id }}"><strong>{{ document.title }}</strong></a>
      <div class="text-xs faint">
        {{ document.kind }}
        {%- if document.pages %} · {{ document.pages }} page{{ '' if document.pages == 1 else 's' }}{% endif %}
        {%- if document.size_bytes %} · {{ document.human_size }}{% endif %}
        {%- if document.source_url %} · {{ document.source_url[:60] }}{% endif %}
      </div>
      {% if document.description %}
      <div class="text-xs faint">{{ document.description }}</div>
      {% endif %}
    </div>
    <div class="btn-row">
      {% if document.extraction_error %}
      <span class="badge badge--danger" title="{{ document.extraction_error }}">no text</span>
      {% endif %}
      {% if document.owner_id != user.id %}<span class="badge">shared</span>{% endif %}
    </div>
  </li>
  {% endfor %}
</ul>
{% include "library/_pager.html" %}
{% endif %}
{% endblock %}