{% trans_default_domain translationDomain %}

<div class="filter-table dataTables_wrapper {{ label }}" id="{{ label }}">
    <form>
        <input type="hidden" name="order[field]" class="order-field" value="{{ savedFilters.order.field|default('') }}">
        <input type="hidden" name="order[direction]" class="order-direction" value="{{ savedFilters.order.direction|default('') }}">
        <table class="table table-bordered table-hover nowrap dataTable">
            <thead>
            <tr>
                {% if checkbox == true %}
                    <th></th>
                {% endif %}
                {% for column in columns %}
                    {% set sortingClass = 'sorting' %}
                    {% if savedFilters.order is defined and savedFilters.order.field == column.name %}
                        {% set sortingClass = sortingClass ~ ' sorting_' ~ savedFilters.order.direction %}
                    {% endif %}

                    <th class="{% if column.orderable %}{{ sortingClass }}{% endif %}" data-name="{{ column.name }}">
                        {{ (column.label is defined and column.label is not empty) ? column.label|trans }}
                    </th>
                {% endfor %}
                <th></th>
            </tr>
            </thead>
            <tfoot>
            <tr class="filter-table-search-row">
                {% if checkbox == true %}
                    <th style="width: 2%">
                        <div class="checkbox">
                            <label class="ckbox">
                                <input type="checkbox">
                                <span>&nbsp;</span>
                            </label>
                        </div>
                    </th>
                {% endif %}
                {% for column in columns %}
                    <th>
                        {% if column.searchable %}
                            {% if column.options.searchType == 'input' %}
                                <input class="form-control" name="search[{{ column.name }}]" value="{{ savedFilters.search[column.name]|default('') }}">
                            {% elseif column.options.searchType == 'select' %}
                                <select class="form-control" name="search[{{ column.name }}]">
                                    <option {% if savedFilters.search[column.name] is not defined %}selected="selected"{% endif %} value="">
                                        {{ 'common.table.all'|trans({}, 'SmartDatatablesBundle') }}
                                    </option>
                                    {% for filterValue, filterLabel in column.options.searchValues %}
                                        <option value="{{ filterValue }}" {% if savedFilters.search[column.name] is defined and savedFilters.search[column.name] is not empty and filterValue == savedFilters.search[column.name] %}selected="selected"{% endif %}>
                                            {{ filterLabel|trans }}
                                        </option>
                                    {% endfor %}
                                </select>
                            {% endif %}
                        {% endif %}
                    </th>
                {% endfor %}
                <th style="width: 1%;">
                    <a href="#" class="reset-filter"><i class="fa fa-times"></i></a>
                </th>
            </tr>
            </tfoot>
            <tbody></tbody>
        </table>
        <div class="page-action"></div>
    </form>
</div>

{{ append_js_code("$(function () {Smart.datatable.setup('" ~ label ~ "', " ~ jsOptions ~ ");});") }}