{#
  ─────────────────────────────────────────────
   SPB Git — Personal Git Platform
  ─────────────────────────────────────────────
   Author  : Simon-Pierre Boucher
   Contact : contact@spboucher.ai
   File    : src/web/views/search.njk
   Purpose : Global search — grouped repo + README results
   License : MIT © Simon-Pierre Boucher
  ─────────────────────────────────────────────
#}{% extends "layout.njk" %}
{% block content %}
<h1 class="section-title">Search</h1>
<form action="/search" method="get" class="search-page-form" role="search">
  <input type="search" name="q" value="{{ q }}" placeholder="Search repositories, topics, READMEs…" aria-label="Search query" autofocus>
  <button class="btn btn-primary" type="submit">Search</button>
</form>

{% if q %}
<section aria-labelledby="repo-results-h">
  <h2 id="repo-results-h" class="section-title">Repositories <span class="count">{{ results.repos.length }}</span></h2>
  {% if results.repos.length %}
  <ul class="search-results">
    {% for hit in results.repos %}
    <li>
      <a class="search-hit-name" href="/{{ hit.name }}">{{ hit.name }}</a>
      {% if hit.topLanguage %}<span class="lang-dot-label"><span class="lang-dot" style="background:{{ hit.topLanguage | langcolor }}"></span>{{ hit.topLanguage }}</span>{% endif %}
      {% if hit.description %}<p class="muted">{{ hit.description }}</p>{% endif %}
      {% if hit.topics.length %}
      <div class="chip-row">{% for topic in hit.topics %}<span class="chip chip-topic">{{ topic }}</span>{% endfor %}</div>
      {% endif %}
    </li>
    {% endfor %}
  </ul>
  {% else %}
  <p class="muted">No repository matches “{{ q }}”.</p>
  {% endif %}
</section>

<section aria-labelledby="readme-results-h">
  <h2 id="readme-results-h" class="section-title">README content <span class="count">{{ results.readmes.length }}</span></h2>
  {% if results.readmes.length %}
  <ul class="search-results">
    {% for hit in results.readmes %}
    <li>
      <a class="search-hit-name" href="/{{ hit.name }}">{{ hit.name }}</a>
      <p class="search-snippet">{{ hit.snippet }}</p>
    </li>
    {% endfor %}
  </ul>
  {% else %}
  <p class="muted">No README mentions “{{ q }}”.</p>
  {% endif %}
</section>
{% endif %}
{% endblock %}