{% extends "layout.html" %}
{% block title %}Search - chat{% endblock %}
{% block content %}
<header class="page-header">
  <h1>Search</h1>
</header>

<form class="search-page-form" action="/search" method="get">
  <input type="text" name="q" value="{{ query|default('', true) }}"
         placeholder="Search memories across all chats" autofocus>
  <button type="submit">Search</button>
</form>

{% if not query %}
  {# Empty-state placeholder: the top-bar form submits to /search even
     with no input, so this page must render cleanly with no query. #}
  <p class="muted search-empty">Enter a query to search memories across all chats.</p>
{% elif not results %}
  <p class="muted">No matches for &ldquo;{{ query }}&rdquo;.</p>
{% else %}
  <ul class="search-results">
    {% for r in results %}
    <li class="search-result">
      <a class="search-result-link" href="/chats/{{ r.chat_id }}">
        <div class="search-result-meta muted">
          <strong>{{ r.owner_name }}</strong>
          <span>&middot; {{ r.chat_id }}</span>
          {% if r.chat_name %}<span>&middot; {{ r.chat_name }}</span>{% endif %}
          {% if r.scene_label %}<span>&middot; scene {{ r.scene_label }}</span>{% endif %}
        </div>
        <div class="search-result-summary">{{ r.pov_summary }}</div>
      </a>
    </li>
    {% endfor %}
  </ul>
{% endif %}
{% endblock %}