{% from "quite_admin/_icons.html" import filter_icon %}
{% from "quite_admin/_controls.html" import field_options, field_attributes with context %}
<fieldset class="filter-fallback" data-filter-fallback>
<details class="filter-disclosure"{% if filter_errors %} open{% endif %}>
  <summary class="button secondary icon-button" title="{{ t('Filters') }}" aria-label="{{ t('Filters') }}">{{ filter_icon() }}</summary>
  <div class="filter-panel">
  {% if filter_errors %}<div class="alert" role="alert">{{ t('Please correct the highlighted filters.') }}{% if filter_errors.get('__all__') %}<p>{{ t(filter_errors['__all__']) }}</p>{% endif %}</div>{% endif %}
  <div class="filter-grid">
  {% set labels = {'eq': 'Equals', 'ne': 'Does not equal', 'icontains': 'Contains', 'not_icontains': 'Does not contain', 'istartswith': 'Starts with', 'iendswith': 'Ends with', 'in': 'Is one of', 'on': 'On date', 'gt': 'Greater than', 'gte': 'At least', 'lt': 'Less than', 'lte': 'At most', 'is_null': 'Empty values', 'is_empty': 'Is empty text'} %}
  {% for field in filter_fields %}
  {% set state = namespace(open=false) %}{% for name, pair in filter_parameters.items() if pair[0].name == field.name %}{% if filter_values.get(name) or filter_errors.get(name) %}{% set state.open=true %}{% endif %}{% endfor %}
  <details class="filter-field"{% if state.open %} open{% endif %}><summary>{{ field.label }}</summary>
    {% for name, pair in filter_parameters.items() if pair[0].name == field.name %}{% set op = pair[1] %}
    <label for="{{ name }}">{{ t(labels[op]) }}</label>
    {% if op in ('is_null','is_empty') %}<select id="{{ name }}" name="{{ name }}"><option value="">{{ t('Any value') }}</option><option value="true"{% if filter_values.get(name) == 'true' %} selected{% endif %}>{{ t('Is NULL' if op == 'is_null' else 'Is empty text') }}</option>{% if op == 'is_null' or 'f.' ~ field.name ~ '.ne' in filter_parameters %}<option value="false"{% if filter_values.get(name) == 'false' %} selected{% endif %}>{{ t('Is not NULL' if op == 'is_null' else 'Is not empty text') }}</option>{% endif %}</select>
    {% elif op == 'in' %}<textarea id="{{ name }}" name="{{ name }}" rows="2" maxlength="8192" placeholder='["open", "done"]'>{{ filter_values.get(name, '') }}</textarea>
    {% elif (field.kind == 'boolean' or field.choices) and op in ('eq','ne') %}<select id="{{ name }}" name="{{ name }}"><option value="">{{ t('Any value') }}</option>{{ field_options(field, filter_values.get(name)) }}</select>
    {% else %}<input id="{{ name }}" name="{{ name }}" type="{{ 'date' if field.kind == 'date' else 'text' }}" value="{{ filter_values.get(name, '') }}" maxlength="500"{% if op == 'on' %} placeholder="2026-11-01T00:00:00+03:00"{% endif %}{{ field_attributes('error-' ~ name if filter_errors.get(name) else '', filter_errors.get(name)) }}>{% endif %}
    {% if filter_errors.get(name) %}<p class="field-error" id="error-{{ name }}">{{ t(filter_errors[name]) }}</p>{% endif %}
    {% endfor %}
  </details>
  {% endfor %}
  {% for editor in relation_filters %}<div class="filter-field"><label for="filter-relation-{{ editor.relation.name }}">{{ editor.relation.label }}</label><select id="filter-relation-{{ editor.relation.name }}" name="r.{{ editor.relation.name }}"><option value="">{{ t('Any value') }}</option>{% for key,label in editor.choices %}<option value="{{ key }}" selected>{{ label }}</option>{% endfor %}</select></div>{% endfor %}
  </div>
  <div class="button-group filter-footer"><button class="button primary" type="submit">{{ t('Apply filters') }}</button><a class="button secondary" href="{{ clear_filters_url }}">{{ t('Clear all') }}</a></div>
  </div>
</details>
</fieldset>