{% extends "base.html" %}
{% block title %}kvault — Search{% endblock %}
{% block content %}
<h1>Search</h1>
<input type="search"
       name="q"
       value="{{ query }}"
       placeholder="Search entities..."
       hx-get="/htmx/search"
       hx-trigger="input changed delay:300ms, search"
       hx-target="#search-results"
       hx-indicator="#search-spinner">
<span id="search-spinner" class="htmx-indicator" aria-busy="true"></span>

<div id="search-results">
{% if query %}
    {% include "partials/search_results.html" %}
{% endif %}
</div>
{% endblock %}