{% comment %}
MD3 outlined exposed dropdown for NullBooleanField filters (see
htmx/select.html) — keeps the Unknown→"All" relabeling and the
None/true/false selected-state mapping of the original widget.
{% endcomment %}
<div class="fw-field fw-md3{% if field.errors %} fw-md3--error{% endif %}">
    <div class="fw-md3-outlined">
        <select name="{{ field.html_name }}"
                id="{{ field.id_for_label }}"
                class="fw-md3-control"
                {% if field.errors or show_help_text != False and help_text|default:field.help_text %}aria-describedby="{{ field.id_for_label }}_supporting"{% endif %}
                {% if field.errors %}aria-invalid="true"{% endif %}
                {% if field.field.required %}required{% endif %}
                {% if field.field.disabled %}disabled{% endif %}
                {% if hx_get %}hx-get="{{ hx_get }}"{% endif %}
                {% if hx_target %}hx-target="{{ hx_target }}"{% endif %}
                {% if hx_swap %}hx-swap="{{ hx_swap }}"{% else %}hx-swap="innerHTML"{% endif %}
                {% if hx_trigger %}hx-trigger="{{ hx_trigger }}"{% else %}hx-trigger="change"{% endif %}
                {% if hx_include %}hx-include="{{ hx_include }}"{% endif %}
                {% if hx_vals %}hx-vals='{{ hx_vals }}'{% endif %}>
            {% with choices=field.field.choices|default:field.field.widget.choices current_value=field.value %}
                {% for choice_value, choice_label in choices %}
                    <option value="{{ choice_value }}"
                            {% if current_value == None and choice_value == "unknown" or current_value == None and choice_value == "" or current_value == True and choice_value == "true" or current_value == False and choice_value == "false" %}selected{% endif %}>
                        {% if choice_label == "Unknown" %}
                            All
                        {% else %}
                            {{ choice_label }}
                        {% endif %}
                    </option>
                {% endfor %}
            {% endwith %}
        </select>
        {% if show_label != False and label != "" %}
            <label for="{{ field.id_for_label }}" class="fw-md3-label">
                {{ label|default:field.label }}{% if show_required != False and required|default:field.field.required %}&nbsp;*{% endif %}
            </label>
        {% endif %}
        <fieldset class="fw-md3-outline" aria-hidden="true">
            <legend class="fw-md3-notch{% if show_label == False or label == "" %} fw-md3-notch--empty{% endif %}">
                {% if show_label != False and label != "" %}<span>{{ label|default:field.label }}{% if show_required != False and required|default:field.field.required %}&nbsp;*{% endif %}</span>{% endif %}
            </legend>
        </fieldset>
        <svg class="fw-md3-trailing" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M7 10l5 5 5-5z"/>
        </svg>
    </div>
    {% if field.errors %}
        <div class="fw-md3-supporting" id="{{ field.id_for_label }}_supporting">
            {% for error in field.errors %}<span>{{ error }}</span>{% endfor %}
        </div>
    {% elif show_help_text != False and help_text|default:field.help_text %}
        <div class="fw-md3-supporting" id="{{ field.id_for_label }}_supporting">{{ help_text|default:field.help_text }}</div>
    {% endif %}
</div>