{% extends "main.html" %}

{% block title %} Home {% endblock %}

{% block content %}

<p>
    <input id="search" type="search" name="q"
           placeholder="Search"
           aria-label="Search"
           value='{{ query.search.as_deref().unwrap_or("") }}'
           hx-get="/home/search"
           hx-trigger="search, keyup delay:500ms changed"
           hx-target="#items"
           hx-push-url="true"
    />
</p>

<div id="items" class="container">
    {% include "home_search_item_fragment.html" %}
</div>

{% endblock %}