{% extends "base.html" %}
{% from "_page_header.html" import page_header %}
{% from "_components.html" import badge, identifier, pagination, empty_state, toolbar, operations_journey %}
{% block content %}
{{ page_header("Documents", "Every document in the workspace with the real state of its newest version. Searchable means published and indexed; Failed carries the reason the worker recorded.") }}

{{ operations_journey(source_url="/admin/sources" if can_open_sources else None, job_url="/admin/jobs" if can_open_jobs else None, current="document") }}

<div class="glass-panel rounded-lg overflow-hidden flex flex-col">
  {% call toolbar("/admin/documents", label="Filter documents") %}
    <div>
      <label for="q" class="block text-body-sm font-body-sm text-on-surface-variant mb-xs">Search</label>
      <input id="q" name="q" value="{{ filters.q }}" placeholder="Title or item path" class="input-dark rounded-DEFAULT py-sm px-md text-body-md font-body-md w-64">
    </div>
    <div>
      <label for="space_id" class="block text-body-sm font-body-sm text-on-surface-variant mb-xs">Knowledge space</label>
      <select id="space_id" name="space_id" class="input-dark rounded-DEFAULT py-sm px-md text-body-md font-body-md">
        <option value="">All spaces</option>
        {% for space_id, name in spaces.items() | sort(attribute=1) %}<option value="{{ space_id }}" {{ "selected" if filters.space_id == (space_id | string) else "" }}>{{ name }}</option>{% endfor %}
      </select>
    </div>
    <div>
      <label for="state" class="block text-body-sm font-body-sm text-on-surface-variant mb-xs">State</label>
      <select id="state" name="state" class="input-dark rounded-DEFAULT py-sm px-md text-body-md font-body-md">
        {% for value, label in state_filters %}<option value="{{ value }}" {{ "selected" if filters.state == value else "" }}>{{ label }}</option>{% endfor %}
      </select>
    </div>
    {% if filters.source_id %}<input type="hidden" name="source_id" value="{{ filters.source_id }}">{% endif %}
  {% endcall %}
  {% if filters.source_id %}
  <p class="px-md py-sm text-body-sm font-body-sm text-on-surface-variant border-b border-[#1E293B]">{% if selected_source %}<a href="/admin/sources/{{ selected_source.id }}" class="text-on-surface hover:text-primary">Filtered to {{ selected_source.name }}</a>.{% else %}Filtered to an unavailable source.{% endif %} <a href="/admin/documents" class="text-primary hover:underline">Show all documents</a></p>
  {% endif %}

  {% if not page.items %}
  <div class="p-lg">
  {% if query or page.offset %}
  {{ empty_state("No documents match these filters", "No document matches the applied filters on this page. Adjust the filters or return to an earlier page.", "/admin/documents?" ~ query ~ ("&" if query else "") ~ "offset=" ~ ([page.offset - page.limit, 0] | max) ~ "&limit=" ~ page.limit if page.offset else "/admin/documents", "Previous page" if page.offset else "Clear filters", icon="filter_alt_off") }}
  {% else %}
  {{ empty_state("No documents match", "Nothing has been ingested that matches these filters. Upload a document into a knowledge space or sync a source to begin.", "/admin/sources" if can_open_sources else None, "Go to sources", icon="description") }}
  {% endif %}
  </div>
  {% else %}
  <div class="overflow-x-auto">
    <table class="w-full text-left border-collapse" data-mobile-records="documents">
      <caption class="sr-only">Documents in the current workspace</caption>
      <thead class="bg-[#0F172A] border-b border-[#1E293B]">
        <tr>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Name</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Source</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Space</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Parser</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">State</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Updated</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-[#1E293B]">
        {% for item in page.items %}
        {% set document = item.document %}
        <tr class="table-row-hover transition-colors">
          <th scope="row" class="py-md px-md" data-label="Name">
            <a href="/admin/documents/{{ document.id }}" class="flex items-center gap-sm text-body-md font-headline-md text-on-surface hover:text-primary">
              <span class="material-symbols-outlined text-primary text-[18px]" aria-hidden="true">description</span>
              <span>{{ document.title }}</span>
            </a>
            <p class="text-code-sm font-code-sm text-on-surface-variant mt-xs truncate max-w-md" title="{{ document.external_id }}">{{ document.external_id }}</p>
          </th>
          <td class="py-md px-md text-body-md font-body-md text-on-surface-variant" data-label="Source">
            {% set source = sources.get(document.source_id) %}
            {% if source %}<a href="/admin/sources/{{ source.id }}" class="hover:text-primary">{{ source.name }}</a>{% else %}{{ identifier(document.source_id) }}{% endif %}
          </td>
          <td class="py-md px-md text-body-md font-body-md text-on-surface-variant" data-label="Space">{{ spaces.get(document.space_id, "—") }}</td>
          <td class="py-md px-md text-code-sm font-code-sm text-on-surface-variant" data-label="Parser">{{ item.parser_version or "—" }}</td>
          <td class="py-md px-md" data-label="State">
            {% if document.source_deleted %}{{ badge("Retired", "neutral") }}
            {% elif item.searchable %}{{ badge("Searchable", "ok") }}
            {% elif item.failed %}{{ badge("Failed", "error") }}{% if item.failure_code %}<p class="text-code-sm font-code-sm text-error mt-xs">{{ item.failure_code }}</p>{% endif %}
            {% elif item.latest_state %}{{ badge("Processing", "info") }}
            {% else %}{{ badge("No version", "neutral") }}{% endif %}
          </td>
          <td class="py-md px-md text-body-md font-body-md text-on-surface-variant whitespace-nowrap" data-label="Updated">{{ item.updated_at.strftime("%Y-%m-%d %H:%M") if item.updated_at else "—" }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {{ pagination(page.total, page.limit, page.offset, "/admin/documents", query) }}
  {% endif %}
</div>
{% endblock %}