{{ define "content" }}
<h1>Inventory</h1>

<div class="action-bar">
    <input
            type="search"
            name="q"
            class="search-input"
            placeholder="Search..."
            hx-get="/api/item/search"
            hx-trigger="keyup changed delay:300ms"
            hx-target="#items"
    >
</div>

<div class="table-container">
    <div
            id="items"
            hx-get="/api/item"
            hx-trigger="load"
    >
    </div>
</div>
{{ end }}