{{define "invoice_search"}}
<div id="invoice-search"></div>
<input
  type="text"
  name="search"
  id="invoice-search-input"
  hx-get="/invoices"
  hx-trigger="keyup changed delay:300ms"
  hx-target="#invoice-search-results"
  hx-indicator="#invoice-search-spinner" />
<div id="invoice-search-spinner" class="htmx-indicator">Searching...</div>
<div id="invoice-search-results"></div>
{{end}}