{% extends "layouts/public.html" %}
{% block breadcrumbs %}
<nav class="flex items-center gap-1.5 font-meta text-xs" aria-label="Breadcrumb">
  <a href="/" class="hover:text-white transition-colors">Home</a>
  {% include "components/crumb_sep.html" %}
  <a href="{% url 'repo_documents:browse' %}" class="hover:text-white transition-colors">Repository</a>
  {% include "components/crumb_sep.html" %}
  <span>Advanced search</span>
</nav>
{% endblock %}
{% block content %}

<div class="mx-auto max-w-4xl">

  <header class="repo-page-head">
    <p class="repo-page-head__kicker">Repository · Advanced search</p>
    <h1 class="repo-page-head__title">Build a precise query</h1>
    <p class="repo-page-head__sub">
      Combine fields to narrow results — search title, abstract, ORCID, or by year range. Empty fields are ignored. All Open Access documents are searchable without an account.
    </p>
  </header>

  <form method="get" class="card overflow-hidden">

    <div class="divide-y divide-ruforum-border">

      {# ── Work ──────────────────────────────────────────── #}
      <div class="grid grid-cols-1 sm:grid-cols-[12rem_1fr]">
        <div class="border-r border-ruforum-border bg-ruforum-surface-warm/40 px-6 py-6">
          <p class="font-meta text-[11px] font-semibold uppercase tracking-[0.12em] text-ruforum-text">Work</p>
          <p class="mt-1.5 text-xs leading-snug text-ruforum-text-muted">Title, DOI, and abstract terms.</p>
        </div>
        <div class="px-6 py-6 space-y-4">
          <div class="grid grid-cols-1 sm:grid-cols-[3fr_2fr] gap-4">
            <label class="block">
              <span class="field-label">Title contains</span>
              <input type="text" name="title" value="{{ request.GET.title }}" placeholder="e.g. climate adaptation">
            </label>
            <label class="block">
              <span class="field-label">DOI</span>
              <input type="text" name="doi" value="{{ request.GET.doi }}" placeholder="10.xxxx/yyyy" class="tabular-nums">
            </label>
          </div>
          <label class="block">
            <span class="field-label">Abstract contains</span>
            <textarea name="abstract" rows="2" placeholder="e.g. smallholder farming systems">{{ request.GET.abstract }}</textarea>
          </label>
        </div>
      </div>

      {# ── Classification ───────────────────────────────── #}
      <div class="grid grid-cols-1 sm:grid-cols-[12rem_1fr]">
        <div class="border-r border-ruforum-border bg-ruforum-surface-warm/40 px-6 py-6">
          <p class="font-meta text-[11px] font-semibold uppercase tracking-[0.12em] text-ruforum-text">Classification</p>
          <p class="mt-1.5 text-xs leading-snug text-ruforum-text-muted">Document type, collection, and subject keyword.</p>
        </div>
        <div class="px-6 py-6">
          <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
            <label class="block">
              <span class="field-label">Document type</span>
              <select name="document_type">
                <option value="">Any type</option>
                {% for value, label in document_type_choices %}
                  <option value="{{ value }}" {% if request.GET.document_type == value %}selected{% endif %}>{{ label }}</option>
                {% endfor %}
              </select>
            </label>
            <label class="block">
              <span class="field-label">Collection</span>
              <select name="collection">
                <option value="">Any collection</option>
                {% for col in collection_choices %}
                  <option value="{{ col.slug }}" {% if request.GET.collection == col.slug %}selected{% endif %}>{{ col.name }}</option>
                {% endfor %}
              </select>
            </label>
            <label class="block">
              <span class="field-label">Subject keyword</span>
              <select name="subject">
                <option value="">Any subject</option>
                {% for kw in subject_choices %}
                  <option value="{{ kw.slug }}" {% if request.GET.subject == kw.slug %}selected{% endif %}>{{ kw.label }}</option>
                {% endfor %}
              </select>
            </label>
          </div>
        </div>
      </div>

      {# ── People ────────────────────────────────────────── #}
      <div class="grid grid-cols-1 sm:grid-cols-[12rem_1fr]">
        <div class="border-r border-ruforum-border bg-ruforum-surface-warm/40 px-6 py-6">
          <p class="font-meta text-[11px] font-semibold uppercase tracking-[0.12em] text-ruforum-text">People</p>
          <p class="mt-1.5 text-xs leading-snug text-ruforum-text-muted">Authors and contributors. ORCID is exact-match.</p>
        </div>
        <div class="px-6 py-6">
          <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
            <label class="block">
              <span class="field-label">Author name</span>
              <input type="text" name="author" value="{{ request.GET.author }}" placeholder="e.g. Kato">
            </label>
            <label class="block">
              <span class="field-label">ORCID iD</span>
              <input type="text" name="author_orcid" value="{{ request.GET.author_orcid }}" placeholder="0000-0000-0000-0000" class="tabular-nums">
            </label>
          </div>
        </div>
      </div>

      {# ── Time & licence ────────────────────────────────── #}
      <div class="grid grid-cols-1 sm:grid-cols-[12rem_1fr]">
        <div class="border-r border-ruforum-border bg-ruforum-surface-warm/40 px-6 py-6">
          <p class="font-meta text-[11px] font-semibold uppercase tracking-[0.12em] text-ruforum-text">Time &amp; licence</p>
          <p class="mt-1.5 text-xs leading-snug text-ruforum-text-muted">Year range and Creative Commons variant.</p>
        </div>
        <div class="px-6 py-6 space-y-4">
          <div class="grid grid-cols-2 gap-4 max-w-[20rem]">
            <label class="block">
              <span class="field-label">From year</span>
              <input type="number" name="year_from" value="{{ request.GET.year_from }}" placeholder="2018" class="tabular-nums">
            </label>
            <label class="block">
              <span class="field-label">To year</span>
              <input type="number" name="year_to" value="{{ request.GET.year_to }}" placeholder="2026" class="tabular-nums">
            </label>
          </div>
          <label class="block">
            <span class="field-label">Licence</span>
            <select name="license">
              <option value="">Any licence</option>
              <option value="cc_by" {% if request.GET.license == 'cc_by' %}selected{% endif %}>CC BY 4.0</option>
              <option value="cc_by_sa" {% if request.GET.license == 'cc_by_sa' %}selected{% endif %}>CC BY-SA 4.0</option>
              <option value="cc_by_nc" {% if request.GET.license == 'cc_by_nc' %}selected{% endif %}>CC BY-NC 4.0</option>
              <option value="cc0" {% if request.GET.license == 'cc0' %}selected{% endif %}>CC0 1.0 Universal</option>
            </select>
          </label>
          {# FRREP-INT002 — RIMS grant/project cross-system linkage lookup. #}
          <label class="block max-w-[20rem]">
            <span class="field-label">RIMS grant reference</span>
            <input type="text" name="grant" value="{{ request.GET.grant }}" placeholder="e.g. GR-2026-00001" class="tabular-nums">
          </label>
        </div>
      </div>

    </div>

    <div class="card-footer">
      <a href="{% url 'repo_search:advanced' %}" class="btn-secondary btn-sm">Reset</a>
      <button type="submit" class="btn-primary">
        Run search
        <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"/></svg>
      </button>
    </div>
  </form>

  {% if results is not None %}
    <section class="mt-10">
      {% if page_obj.paginator.count %}
        <div class="results-toolbar">
          <p class="results-toolbar__count"><strong>{{ page_obj.paginator.count }}</strong> result{{ page_obj.paginator.count|pluralize }}</p>
          {% if user.is_authenticated and request.GET %}
            <a href="{% url 'repo_documents:saved_search_create' %}?{{ request.GET.urlencode }}"
               class="inline-flex items-center gap-1 whitespace-nowrap text-sm font-medium text-ruforum-primary hover:text-ruforum-primary-hover">
              <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.75" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z"/>
              </svg>
              Save this search
            </a>
          {% endif %}
        </div>
        {% include "documents/partials/document_list_results.html" with object_list=results view="list" %}
        {% include "components/pagination.html" %}
      {% else %}
        <div class="rounded-xl border border-dashed border-ruforum-border bg-ruforum-surface-warm/60 px-6 py-12 text-center">
          <div class="mx-auto mb-3 flex h-10 w-10 items-center justify-center rounded-full bg-white text-ruforum-text-muted ring-1 ring-ruforum-border">
            <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.75" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/>
            </svg>
          </div>
          <p class="font-sans text-lg font-semibold text-ruforum-text">No results</p>
          <p class="mx-auto mt-2 max-w-md text-sm text-ruforum-text-muted">
            Nothing matched every field you filled in. Broaden your search — remove a field, widen the year range, or try the author surname only.
          </p>
          <p class="mt-5 text-sm">
            <a href="{% url 'repo_search:search' %}{% if request.GET.title %}?q={{ request.GET.title|urlencode }}{% endif %}" class="font-medium text-ruforum-primary hover:text-ruforum-primary-hover">Try a full-text search instead →</a>
          </p>
        </div>
      {% endif %}
    </section>
  {% endif %}

</div>

{% endblock %}