{% extends "base.html" %}
{% block title %}doc3gpp · search{% endblock %}
{% block content %}
  <div class="page-header">
    <h1>Search</h1>
    <div class="page-actions">
      {% if mode == 'sem' %}
        <a class="btn" href="/search">FTS5 search</a>
      {% else %}
        <a class="btn" href="/search/sem">Hybrid search</a>
      {% endif %}
    </div>
  </div>

  {% include "partials/search_form.html" %}

  <p
    id="search-indicator"
    class="search-loading htmx-indicator"
    role="status"
    aria-live="polite"
  >
    <span class="spinner" aria-hidden="true"></span>
    Searching…
  </p>

  <div id="results" hx-target="this" hx-swap="outerHTML">
    {% if error %}
      <p class="error">{{ error }}</p>
    {% endif %}

    {% if query %}
      <p class="meta">
        Query <code>{{ query }}</code> ·
        {% if mode == 'sem' %}
          semantic rerank
        {% else %}
          {{ total }} FTS5 hit{{ '' if total == 1 else 's' }}
        {% endif %}
      </p>

      {% if hits %}
        <label class="fold-toggle">
          <input type="checkbox" id="fold-toggle">
          Expand all matching fields
        </label>
      {% endif %}

      {% include "partials/search_results_table.html" %}
    {% endif %}
  </div>

  <script src="/static/js/search.js" defer></script>
{% endblock %}