{% extends parent %}
{% block title %}Search - Introspect{% endblock %}
{% block content %}
<h1>Search</h1>

<div class="card">
    <form action="/search" method="get" style="display:flex;gap:0.5rem;">
        <input type="search" name="q" value="{{ query }}" placeholder="Search conversations..." style="flex:1;" />
        <button type="submit">Search</button>
    </form>
    <p style="margin-top:0.5rem;font-size:0.85rem;color:#888;">
        {% if fts_loaded %}
        <span style="color:#2a7;font-weight:600;">FTS</span> Full-text search (BM25) active
        {% else %}
        <span style="color:#b73;font-weight:600;">FTS</span> Full-text search unavailable — using ILIKE fallback
        {% endif %}
    </p>
</div>

{% if query %}
<p style="margin-bottom:1rem;color:#666;">{{ results|length }}{% if has_next %}+{% endif %} result(s) for "{{ query }}"{% if page > 1 %} (page {{ page }}){% endif %}</p>
{% endif %}

{% if results %}
<div class="card">
    <table>
        <thead>
            <tr>
                <th>Project</th>
                <th>Branch</th>
                <th>Title</th>
                <th>Date</th>
                <th>Duration</th>
                <th>Model</th>
                <th>Role</th>
                <th>Snippet</th>
                <th>Score</th>
            </tr>
        </thead>
        <tbody>
            {% for r in results %}
            <tr>
                <td><span class="truncate">{{ r.project }}</span></td>
                <td><span class="truncate">{{ r.branch }}</span></td>
                <td><a href="/sessions/{{ r.session_id }}" hx-get="/sessions/{{ r.session_id }}" hx-target="#content" hx-push-url="true"><span class="truncate" style="max-width:250px;" title="{{ r.title }}">{{ r.title or '(no title)' }}</span></a></td>
                <td style="white-space:nowrap;">{{ r.date }}</td>
                <td style="white-space:nowrap;">{{ r.duration }}</td>
                <td>{{ r.model }}</td>
                <td>{{ r.role }}</td>
                <td style="max-width:400px;overflow:hidden;text-overflow:ellipsis;">{{ r.snippet }}</td>
                <td>{{ '%.4f'|format(r.score) if r.score is not none else '' }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

<div class="pagination">
    {% if page > 1 %}
    <a href="/search?q={{ query }}&page={{ page - 1 }}" hx-get="/search?q={{ query }}&page={{ page - 1 }}" hx-target="#content" hx-push-url="true">Prev</a>
    {% endif %}
    <span class="current">Page {{ page }}</span>
    {% if has_next %}
    <a href="/search?q={{ query }}&page={{ page + 1 }}" hx-get="/search?q={{ query }}&page={{ page + 1 }}" hx-target="#content" hx-push-url="true">Next</a>
    {% endif %}
</div>
{% elif query %}
<div class="card"><p>No results found.</p></div>
{% endif %}
{% endblock %}