{% load i18n %}
{% comment %}
  Search input partial for TableListView.

  Context variables:
  - search_param:       name of the GET parameter (default "q")
  - search_value:       current search string
  - search_placeholder: optional placeholder text
  - table:              the django-tables2 table (with .wrapper_id from RowActionsMixin)
{% endcomment %}
<div class="input-icon flex-grow-1" style="max-width: 24rem">
  <span class="input-icon-addon">
    <i class="ti ti-search"></i>
  </span>
  <input type="search"
         name="{{ search_param }}"
         value="{{ search_value }}"
         class="form-control"
         placeholder="{{ search_placeholder|default:_('Search…') }}"
         hx-trigger="keyup changed delay:300ms, search"
         hx-get="{{ request.path }}"
         hx-target="closest .list-card"
         hx-select="#{{ table.wrapper_id }}"
         hx-swap="outerHTML"
         hx-include="closest .list-card [name]"
         hx-push-url="true"
         aria-label="{% trans 'Search' %}">
</div>