{% extends "base.html" %}
{% from "_page_header.html" import page_header %}
{% from "_components.html" import badge, identifier, pagination, empty_state, toolbar, operations_journey %}
{% block content %}
{% call page_header("Sources", "Where knowledge comes from: uploads, mounted folders and Git repositories, each feeding one knowledge space. Connector-backed sources are synchronised by the worker.") %}
{% if can_manage and can_manage_filesystem %}
<a href="/admin/sources/new" class="btn-primary inline-flex items-center gap-xs px-md py-sm rounded-DEFAULT text-body-sm font-headline-md">
  <span class="material-symbols-outlined text-[16px]" aria-hidden="true">add</span>
  Add source
</a>
{% endif %}
{% endcall %}

{% if notice %}
<p role="status" class="text-body-md font-body-md text-tertiary bg-tertiary-container/10 border-l-4 border-tertiary rounded-DEFAULT p-md mb-md">{{ notice }}</p>
{% endif %}
{% if ignored_filters %}
<p role="status" class="text-body-md font-body-md text-primary bg-primary-container/10 border-l-4 border-primary rounded-DEFAULT p-md mb-md">Unrecognised {{ ignored_filters | join(" and ") }} filter{{ "s" if ignored_filters | length > 1 else "" }} ignored; all other filters remain applied.</p>
{% endif %}

{{ operations_journey(current="source") }}

<div class="glass-panel rounded-lg overflow-hidden flex flex-col">
  {% call toolbar("/admin/sources", label="Filter sources") %}
    <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="Source name" class="input-dark rounded-DEFAULT py-sm px-md text-body-md font-body-md w-56">
    </div>
    <div>
      <label for="kind" class="block text-body-sm font-body-sm text-on-surface-variant mb-xs">Type</label>
      <select id="kind" name="kind" class="input-dark rounded-DEFAULT py-sm px-md text-body-md font-body-md">
        <option value="">All types</option>
        {% for value, label in kinds %}<option value="{{ value }}" {{ "selected" if filters.kind == value else "" }}>{{ label }}</option>{% endfor %}
      </select>
    </div>
    <div>
      <label for="status" class="block text-body-sm font-body-sm text-on-surface-variant mb-xs">Status</label>
      <select id="status" name="status" class="input-dark rounded-DEFAULT py-sm px-md text-body-md font-body-md">
        <option value="">Active &amp; paused</option>
        {% for value, label in statuses %}<option value="{{ value }}" {{ "selected" if filters.status == value else "" }}>{{ label }}</option>{% endfor %}
      </select>
    </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>
  {% endcall %}

  {% if not page.items %}
  <div class="p-lg">
  {% if query or page.offset %}
  {{ empty_state("No sources match these filters", "No source matches the applied filters on this page. Adjust the filters or return to an earlier page.", "/admin/sources?" ~ query ~ ("&" if query else "") ~ "offset=" ~ ([page.offset - page.limit, 0] | max) ~ "&limit=" ~ page.limit if page.offset else "/admin/sources", "Previous page" if page.offset else "Clear filters", icon="filter_alt_off") }}
  {% else %}
  {{ empty_state("No sources configured yet", "Add a folder or Git repository source to begin synchronised ingestion, or upload documents into a knowledge space — uploads appear here as that space's built-in Uploads source.", "/admin/sources/new" if (can_manage and can_manage_filesystem) else None, "Add source", icon="hub") }}
  {% endif %}
  </div>
  {% else %}
  <div class="overflow-x-auto">
    <table class="w-full text-left border-collapse" data-mobile-records="sources">
      <caption class="sr-only">Sources 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">Type</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">Status</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider text-right">Documents</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Last sync</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-[#1E293B]">
        {% for source in page.items %}
        <tr class="table-row-hover transition-colors">
          <th scope="row" class="py-md px-md" data-label="Name">
            <a href="/admin/sources/{{ source.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">{{ {"upload": "upload_file", "folder": "folder", "git": "commit", "website": "language"}.get(source.kind.value, "hub") }}</span>
              <span>{{ source.name }}</span>
            </a>
            <div class="mt-xs">{{ identifier(source.id) }}</div>
          </th>
          <td class="py-md px-md text-body-md font-body-md text-on-surface" data-label="Type">{{ kind_labels.get(source.kind.value, source.kind.value) }}</td>
          <td class="py-md px-md text-body-md font-body-md text-on-surface-variant" data-label="Space">{{ spaces.get(source.space_id, "—") }}</td>
          <td class="py-md px-md" data-label="Status">
            {% if source.status.value == "active" %}{{ badge("Active", "ok") }}
            {% elif source.status.value == "paused" %}{{ badge("Paused", "warn") }}
            {% else %}{{ badge("Deleted", "neutral") }}{% endif %}
            {% set sync_badge = sync_badges.get(source.sync_state.value) %}
            {% if sync_badge %} {{ badge(sync_badge[0], sync_badge[1]) }}{% endif %}
          </td>
          <td class="py-md px-md text-body-md font-body-md text-on-surface text-right tabular-nums" data-label="Documents"><a href="/admin/documents?source_id={{ source.id }}" class="text-primary hover:underline" aria-label="Open {{ counts.get(source.id, 0) }} documents from {{ source.name }}">{{ counts.get(source.id, 0) }}</a></td>
          <td class="py-md px-md text-body-md font-body-md text-on-surface-variant" data-label="Last sync">
            {% if source.last_sync_at %}{{ source.last_sync_at.strftime("%Y-%m-%d %H:%M") }}{% elif source.syncable %}Never{% else %}—{% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {{ pagination(page.total, page.limit, page.offset, "/admin/sources", query) }}
  {% endif %}
</div>
{% endblock %}