{% comment %}
MD3 switch (styled in forms/fields.css: 52x32dp track, growing handle) in a plain
label row — no pill container. Help text and errors render as MD3 supporting
text below. Django's own widget draws the box, so it carries what the form
declares; the help text and errors take Django's ids, which the box's
aria-describedby points at.
{% endcomment %}
{% load phoxtail_core_tags %}
<div class="phx-field{% if field.errors %} phx-field--error{% endif %}">
    <label class="phx-toggle">
        <span class="phx-toggle__name">{{ label|default:field.label }}</span>
        <span class="phx-toggle__wrapper">
            {% widget field class="phx-toggle__input" htmx=htmx %}
            <span class="phx-toggle__track"></span>
        </span>
    </label>
    {% if supporting == "errors" %}
        <div class="phx-field__supporting"{% if field.auto_id %} id="{{ field.auto_id }}_error"{% endif %}>
            {% for error in field.errors %}<span>{{ error }}</span>{% endfor %}
        </div>
    {% elif supporting == "help" %}
        <div class="phx-field__supporting"{% if field.auto_id %} id="{{ field.auto_id }}_helptext"{% endif %}>{{ help_text|default:field.help_text }}</div>
    {% endif %}
</div>