{% load list_tags %}
{% comment %}
List-view toolbar — two-row layout:
  Row 1: search input (left) + export button (right, via ml-auto)
  Row 2: filter facet rail (full width, wraps internally)

Args:
  facets             (iterable|None)  — passed straight to filter_facets.html
  search_param       (str)            — query key, default "q"
  search_placeholder (str|None)       — input placeholder text
  search_value       (str|None)       — initial value; falls back to request.GET[search_param]
  export_url         (bool|None)      — render export button when truthy; pairs with CsvExportMixin
  export_disabled    (bool|None)      — render greyed-out export button (empty queryset)
  htmx_target        (str|None)       — CSS selector to swap on input/typing (live filter)
  hide_export        (bool|None)      — explicit suppression even if view supports CSV

When `htmx_target` is provided, the search input fires `hx-get` with
`hx-trigger="keyup changed delay:300ms"` and pushes the URL.
{% endcomment %}
<div class="list-toolbar">

  {# Top row: search (left) + export (right) #}
  {% if search_param or search_placeholder or export_url %}
  <div class="list-toolbar__row">
    {% if search_param or search_placeholder %}
      {% with sp=search_param|default:"q" %}
      <label class="list-toolbar__search">
        <svg class="h-3.5 w-3.5 shrink-0 text-ruforum-text-muted" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" d="M14 14l3 3M9 16A7 7 0 109 2a7 7 0 000 14z"/>
        </svg>
        <input type="search"
               name="{{ sp }}"
               value="{{ search_value|default_if_none:'' }}"
               placeholder="{{ search_placeholder|default:'Search…' }}"
               autocomplete="off"
               {% if htmx_target %}
               hx-get="{{ request.path }}"
               hx-trigger="keyup changed delay:300ms"
               hx-target="{{ htmx_target }}"
               hx-push-url="true"
               hx-include="closest .list-toolbar__search"
               hx-indicator="closest .list-toolbar__search"
               {% endif %}>
        {% if htmx_target %}{% include "components/inline_spinner.html" %}{% endif %}
        {# Preserve other querystring state during HTMX live-filter (e.g. ?type, ?status) #}
        {% if htmx_target %}
          {% for key, value in request.GET.lists %}
            {% if key != sp and key != "page" and key != "export" %}
              {% for v in value %}<input type="hidden" name="{{ key }}" value="{{ v }}">{% endfor %}
            {% endif %}
          {% endfor %}
        {% endif %}
      </label>
      {% endwith %}
    {% endif %}

    {% if export_url and not hide_export %}
      <div class="list-toolbar__actions">
        {% include 'components/export_button.html' with disabled=export_disabled %}
      </div>
    {% endif %}
  </div>
  {% endif %}

  {# Second row: facet rail spans full width #}
  {% if facets %}
    <div class="list-toolbar__facets">
      {% include 'components/filter_facets.html' with facets=facets %}
    </div>
  {% endif %}

</div>