{% load widget_tweaks %}
{% for filter_field in filter_order %} {% if filter_field in filter.form.fields %} {% with field=filter.form|get_item:filter_field %} {% if filter_field == "search" %} {% render_field filter.form.search class="input-ff" placeholder="Search" %} {% elif filter_field == "metrics_period" %} {% comment %} FIXME Widget for created_at and metrics_period {% endcomment %}
{% render_field filter.form.metrics_period class="input-ff" placeholder="e.g. 2022" %}
{%if filter.form.cleaned_data.metrics_period %} {% with date_gte=filter.form.metrics_period.metrics_period.0 date_lte=filter.form.metrics_period.metrics_period.1%} {%if date_gte and date_lte %}

From: {{date_gte|date:"Y/m/d H:i:s e"}}

To: {{date_lte|date:"Y/m/d H:i:s e"}}

{%if date_str %}

({{ date_str }})

{% endif %}
{% endif %} {% endwith%} {% endif %}
{% elif filter_field == "created_at" %}
{% include "layouts/partials/created_at_help.html" %}
{% render_field filter.form.created_at class="input-ff" placeholder="2021/Q4 - 2022/Q1" %}
{%if filter.form.cleaned_data.created_at %} {% with date_gte=filter.form.cleaned_data.created_at.0 date_lte=filter.form.cleaned_data.created_at.1%} {%if date_gte and date_lte %}

From: {{date_gte|date:"Y/m/d H:i:s e"}}

To: {{date_lte|date:"Y/m/d H:i:s e"}}

{%if date_str %}

({{ date_str }})

{% endif %}
{% endif %} {% endwith%} {% endif %}
{% else %} {% include "./widgets/form_container.html" with filter_form=field%} {% endif%} {% endwith%} {% endif %} {% endfor%}