{% load i18n %}
<a href="#" id="filters-btn" class="btn btn-info ml-auto"><i class="bi bi-filter"></i> {% trans "Filter" %}</a>

<div id="filters-hover"></div>
<div id="filters-popover"></div>
<div id="filters-wrapper" style="display:None">
    <div id="filters-panel">
        <form id="mainfilter" action="{{ model.get_datatablelist_url }}">
            <div id="filters-close">
                <a href="#"><i class="bi bi-x-circle-fill"></i></a>
            </div>
            <div class="left form-group">
                {{ filterform.form.as_p }}
            </div>
            <div class="right form-group"></div>
            <div class="actions">
                <input id="reset" type="reset" class="btn btn-light" />
                <a id="filter" class="btn btn-primary"><i class="bi bi-search"></i> {% trans "Filter" %}</a>
            </div>
        </form>
    </div>
</div>
