{% comment %}
MD3 checkbox row: 18dp rounded-square control (styled in forms/fields.css) with
body-large label and optional supporting text under it, list-item style —
no pill container. Errors render as MD3 supporting text below the row.
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 for="{{ field.id_for_label }}"
           class="phx-choice phx-checkbox">
        {% widget field class="phx-choice__input phx-choice__input--checkbox" htmx=htmx %}
        <div class="phx-choice__text">
            <span class="phx-choice__name">
                {{ label|default:field.label }}
                {% if show_required != False and required|default:field.field.required %}<span class="phx-field__required">*</span>{% endif %}
            </span>
            {% if show_help_text != False and help_text|default:field.help_text %}
                <p class="phx-choice__help"{% if field.auto_id %} id="{{ field.auto_id }}_helptext"{% endif %}>{{ help_text|default:field.help_text }}</p>
            {% endif %}
        </div>
    </label>
    {% if field.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>
    {% endif %}
</div>