{% extends "base.html" %}
{% block title %}Search — MemoTrail{% endblock %}
{% block content %}
<h1>Search Conversations</h1>

<form>
    <div class="grid">
        <input type="search" name="q" value="{{ query }}" placeholder="Search past conversations..."
               hx-get="/search" hx-trigger="keyup changed delay:300ms" hx-target="#results"
               hx-include="[name='q']">
    </div>
</form>

<div id="results">
    {% include "_search_results.html" %}
</div>
{% endblock %}
