{% load bootstrap4 %}
{#<form id="{{ table.prefix }}filter_form" hx-target="#{{ table.prefix }}table_wrapper" hx-swap="outerHTML" novalidate="true">#}
  {{ filter.form.media }}
{#  <input type="hidden" name="per_page" value="{{ per_page }}">#}
  {% if filter.form.visible_fields %}
    <div class="d-flex">
    {% for field in filter.form.visible_fields %}
      {% include templates.tb_filter_field with toolbar=True %}
    {% endfor %}
    {% if filter_button %}
      <div class="form-group pl-2 pt-2">
        <label for="id_filter_button"></label>
        <button type="submit" class="form-control btn btn-primary" style="width:150px; display: block;"
                id="id_filter_button">
          Filter
        </button>
      </div>
    {% endif %}
    <span name="clr_all" hx-get="" class="filter-clear mt-3 p-3"> Clear</span></p>
  {% endif %}
  </div>
{#</form>#}