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

{% block title %}{{ document.title }} - LLeMbas{% endblock %}
{% block heading %}{{ document.title }}{% endblock %}

{% block library_content %}
<div class="btn-row" style="margin-bottom: var(--sp-5)">
  <a class="btn btn--sm" href="/library/knowledge">{{ icon("chevron-right", "icon--sm") }} All documents</a>
</div>

<form method="post" action="/api/library/documents/{{ document.id }}">
  <section class="card">
    <h2 class="card__title">Details</h2>
    <div class="field">
      <label class="field__label" for="title">Title</label>
      <input class="input" id="title" name="title" value="{{ document.title }}"
             maxlength="300" {{ 'disabled' if not is_owner }}>
    </div>
    <div class="field">
      <label class="field__label" for="description">Description</label>
      <textarea class="textarea" id="description" name="description" rows="2"
                {{ 'disabled' if not is_owner }}
                placeholder="What this is, and when it is worth reading.">{{ document.description }}</textarea>
      <p class="field__hint">
        Searched along with the contents, so a line here helps a model find it.
      </p>
    </div>

    <dl class="detail-list">
      <dt>Kind</dt><dd>{{ document.kind }}</dd>
      {% if document.source_url %}
      <dt>Source</dt>
      <dd><a href="{{ document.source_url }}" target="_blank" rel="noopener noreferrer nofollow">{{ document.source_url }}</a></dd>
      {% endif %}
      {% if document.pages %}<dt>Pages</dt><dd>{{ document.pages }}</dd>{% endif %}
      {% if document.size_bytes %}<dt>Size</dt><dd>{{ document.human_size }}</dd>{% endif %}
      <dt>Text</dt>
      <dd>
        {{ "{:,}".format(document.extracted_text|length) }} characters
        {%- if document.truncated %} · truncated{% endif %}
      </dd>
    </dl>

    {% if document.extraction_error %}
    <div class="alert alert--warning">
      {{ icon("warning", "alert__icon") }} <span>{{ document.extraction_error }}</span>
    </div>
    {% endif %}
  </section>

  {% include "library/_share.html" %}

  {% if is_owner %}
  <div class="form-actions">
    <button class="btn btn--primary" type="submit">Save</button>
    {% if document.stored_name %}
    <a class="btn" href="/api/library/documents/{{ document.id }}/content">Download</a>
    {% endif %}
    <span class="spacer"></span>
    <button class="btn btn--danger" type="submit"
            formaction="/api/library/documents/{{ document.id }}/delete"
            data-confirm-button="Delete “{{ document.title }}”? Messages it was already attached to keep their copy."
            data-confirm-title="Delete document">
      {{ icon("trash", "icon--sm") }} Delete
    </button>
  </div>
  {% endif %}
</form>

{% if document.is_image and document.stored_name %}
<section class="card">
  <h2 class="card__title">Preview</h2>
  <img src="/api/library/documents/{{ document.id }}/content" alt="{{ document.title }}"
       style="max-width: 100%; border-radius: var(--radius)">
</section>
{% elif document.extracted_text %}
<section class="card">
  <h2 class="card__title">Text</h2>
  <p class="card__lede">What a model is given when it reads this.</p>
  <div class="reasoning__body" style="max-height: 30rem">{{ document.extracted_text }}</div>
</section>
{% endif %}
{% endblock %}