{% from "_partials.html" import status_pill, fresh_label %}
{% if not q %}
  <div class="empty">
    <svg class="icon icon-lg" aria-hidden="true" style="color: var(--fg-subtle);"><use href="#i-search"></use></svg>
    <div class="empty-title mono" style="margin-top: var(--s-3);">type a query to search</div>
    <div class="subtle mono" style="font-size: var(--t-12);">
      hybrid retrieval — semantic + keyword · status-aware · ranked
    </div>
    <div class="empty-hint">
      <span>try:</span>
      {% for ex in example_queries %}
      <button type="button" onclick="document.querySelector('input[name=q]').value='{{ ex }}'; htmx.trigger('#search-form', 'submit');">{{ ex }}</button>
      {% endfor %}
    </div>
  </div>
{% elif not results %}
  <div class="empty">
    <svg class="icon icon-lg" aria-hidden="true" style="color: var(--fg-subtle);"><use href="#i-search"></use></svg>
    {% if total == 0 %}
    <div class="empty-title mono" style="margin-top: var(--s-3);">nothing indexed yet</div>
    <div class="subtle mono" style="font-size: var(--t-12);">
      run <code>trovex index &lt;repo&gt;</code> to point trovex at your markdown, then search
    </div>
    {% else %}
    <div class="empty-title mono" style="margin-top: var(--s-3);">no results for "{{ q }}"</div>
    {% if has_filters %}
    <div class="subtle mono" style="font-size: var(--t-12);">
      filtered by {% if kind %}kind <b>{{ kind }}</b>{% endif %}{% if tags %}{% if kind %} · {% endif %}{{ tags | length }} tag{{ '' if tags|length == 1 else 's' }}{% endif %}
    </div>
    <div class="empty-hint">
      <a class="empty-action" href="{{ clear_url }}">✕ clear filters &amp; retry</a>
    </div>
    {% else %}
    <div class="subtle mono" style="font-size: var(--t-12);">
      try shorter or different keywords · semantic matching prefers short concepts
    </div>
    {% endif %}
    {% endif %}
  </div>
{% else %}
  {% set n_canonical = results | selectattr('status', 'equalto', 'canonical') | list | length %}
  {% set n_stale = results | selectattr('status', 'equalto', 'stale') | list | length %}
  {% set n_dup = results | selectattr('status', 'equalto', 'duplicate') | list | length %}
  <div class="results-bar mono">
    <span class="subtle">
      {{ total_results }} result{{ '' if total_results == 1 else 's' }}{% if pages > 1 %} · page {{ page }}/{{ pages }}{% endif %}{% if elapsed_ms %} · {{ elapsed_ms }}ms{% endif %}
    </span>
    <span class="results-bar-status">
      {% if n_canonical %}<span class="rbs rbs-canonical"><span class="rbs-dot"></span>{{ n_canonical }} canonical</span>{% endif %}
      {% if n_stale %}<span class="rbs rbs-stale"><span class="rbs-dot"></span>{{ n_stale }} stale</span>{% endif %}
      {% if n_dup %}<span class="rbs rbs-duplicate"><span class="rbs-dot"></span>{{ n_dup }} duplicate</span>{% endif %}
    </span>
  </div>
  {% if facets %}
  <div class="facets">
    <span class="facets-label">refine</span>
    {% for f in facets %}<a class="facet" href="{{ f.url }}">{{ f.tag }}<span class="facet-n">{{ f.count }}</span></a>{% endfor %}
  </div>
  {% endif %}
  <ul class="result-list" role="listbox" aria-label="Search results">
  {% for r in results %}
    {% set tier = 'high' if r.score >= 0.66 else ('mid' if r.score >= 0.33 else 'low') %}
    <li>
    <article class="result" data-href="/doc/{{ r.ext_id }}" data-status="{{ r.status }}">
      {% if r.status == 'canonical' %}
      <div class="canonical-flag">
        <svg class="icon icon-sm" aria-hidden="true"><use href="#i-check"></use></svg>
        canonical source of truth — serve this to agents
      </div>
      {% endif %}
      {# Whole content block is one link → click anywhere opens the doc. #}
      <a class="result-main" href="/doc/{{ r.ext_id }}" title="{{ r.title }}">
        <div class="result-head">
          {{ status_pill(r.status) }}
          {% if r.kind %}<span class="pill pill-plan">{{ r.kind }}</span>{% endif %}
          <span class="result-path">{{ r.title | highlight(highlight_terms) }}</span>
          <span class="mono subtle" style="font-size: var(--t-11);">{{ fresh_label(r.age_days) }}</span>
        </div>
        {% if r.section %}
        <div class="result-section mono">{{ r.section }}</div>
        {% endif %}
        {% if r.snippet %}
        <div class="result-snippet">{{ r.snippet | highlight(highlight_terms) }}…</div>
        {% endif %}
      </a>
      <div class="result-meta">
        <span><b>{{ "{:,}".format(r.tokens_est) }}</b> tokens</span>
        <span><b>{{ "%.0f"|format(r.age_days) }}</b>d old</span>
      </div>
      <div class="score-bar" aria-label="Relevance score {{ '%.0f'|format(r.score * 100) }}%">
        <span class="subtle">match</span>
        <div class="score-track">
          <div class="score-fill" data-tier="{{ tier }}" style="width: {{ (r.score * 100) | round(1) }}%;"></div>
        </div>
        <span class="score-num">{{ "%.0f"|format(r.score * 100) }}%</span>
      </div>
      {% if r.tags %}
      <div class="chips result-chips">
        {% for t in r.tags %}<span class="chip{% if t in tags %} chip-active{% endif %}">{{ t }}</span>{% endfor %}
      </div>
      {% endif %}
    </article>
    </li>
  {% endfor %}
  </ul>
  {% if pages > 1 %}
  <div class="pager">
    {% if prev_url %}<a href="{{ prev_url }}">← prev</a>{% else %}<span class="subtle">← prev</span>{% endif %}
    <span class="subtle">page {{ page }} / {{ pages }}</span>
    {% if next_url %}<a href="{{ next_url }}">next →</a>{% else %}<span class="subtle">next →</span>{% endif %}
  </div>
  {% endif %}
{% endif %}