{% import "macros.html" as ui %}
{# One code entity in the results. #}
{% macro code_row(item) %}
  <li role="option" aria-selected="false">
    <a class="search-link" {{ ui.nav(item.path) }}>
      {{ ui.icon(item.role, item.symbol) }}
      <span class="search-text">
        <span class="search-name">{{ item.before }}<mark>{{ item.match }}</mark>{{ item.after }}</span>
        <span class="search-path">{{ item.path }}</span>
        {% if item.snippet %}
        <span class="search-snippet">{{ item.snippet.before }}<mark>{{ item.snippet.match }}</mark>{{ item.snippet.after }}</span>
        {% endif %}
      </span>
      <span class="search-meta">
        <span class="search-kind">{{ item.role }}</span>
        {% if show_score %}<span class="search-score">{{ "%.3f" | format(item.score) }}</span>{% endif %}
      </span>
    </a>
  </li>
{% endmacro %}
{% if query.strip() %}
<ul class="search-options" role="listbox">
  {% if preparing %}
  {# Semantic or hybrid search is getting ready (download, start or indexing): show the progress. #}
  <li class="search-empty">
    Preparing the embedding model: <strong>{{ preparing.state }}</strong>
    {% if preparing.error %}<br><span class="search-error">{{ preparing.error }}</span>{% endif %}
    <br>Type again in a moment.
  </li>
  {% elif groups is defined %}
  {# The `all` mode: what recall gives the agents, group by group (open planning first). #}
  {% for group in groups %}
  <li class="search-group">{{ group.name }}</li>
  {% for item in group.rows %}
  {% if group.name == "code" %}{{ code_row(item) }}{% else %}
  <li role="option" aria-selected="false">
    <a class="search-link" {{ ui.nav_url(item.url) }}>
      <span class="search-text">
        <span class="search-name">{{ item.title }}</span>
        <span class="search-path">{{ item.ref }}</span>
      </span>
      <span class="search-meta">
        <span class="search-kind">{{ item.kind }}{% if item.state %} · {{ item.state }}{% endif %}</span>
        <span class="search-score">{{ "%.3f" | format(item.score) }}</span>
      </span>
    </a>
  </li>
  {% endif %}
  {% endfor %}
  {% else %}
  <li class="search-empty">No results</li>
  {% endfor %}
  {% else %}
  {% for item in results %}
  {{ code_row(item) }}
  {% else %}
  <li class="search-empty">No results</li>
  {% endfor %}
  {% endif %}
</ul>
{% if pagination %}
{# Page buttons: each one runs the same search again, for another page. #}
{% macro page_button(number, label, current=false, aria="") -%}
<button type="button" class="page{% if current %} current{% endif %}"{% if number is none %} disabled{% endif %}
        {% if current %}aria-current="page"{% endif %} {% if aria %}aria-label="{{ aria }}"{% endif %}
        hx-get="/search?page={{ number }}" hx-include="#search-input, #search-mode" hx-target="#search-results">{{ label }}</button>
{%- endmacro %}
<nav class="search-pagination" aria-label="Search result pages">
  <span class="range">{{ pagination.first }}–{{ pagination.last }} of {{ pagination.total }}</span>
  <span class="pages">
    {{ page_button(pagination.previous, "‹", aria="Previous page") }}
    {% for number in pagination.pages %}
    {% if number is none %}<span class="ellipsis">…</span>{% else %}{{ page_button(number, number, current=number == pagination.current) }}{% endif %}
    {% endfor %}
    {{ page_button(pagination.next, "›", aria="Next page") }}
  </span>
</nav>
{% endif %}
{% endif %}