{% extends "main.html" %}

{% block title %} Items {% 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="/items"
           hx-trigger="search, keyup delay:200ms changed"
           hx-target="#items"
    />
</p>

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

{% endblock %}