{% extends "base.html" %}
{% block title %}doc3gpp · search{% endblock %}
{% block content %}
  <div class="page-header">
    <h1>Search</h1>
    {% include "partials/search_resource_tabs.html" %}
  </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 text or semantic or filters.tsg or filters.meeting or filters.release or filters.spec or filters.since or filters.until or filters.tdoc_id %}
       <p class="meta">
         {% if text %}Text <code>{{ text }}</code>{% endif %}
         {% if semantic %}Semantic <code>{{ semantic }}</code>{% endif %}
         · {{ search_mode }} · {{ total }} result{{ '' if total == 1 else 's' }}
       </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 %}