{% comment %}
MD3 choice group: a body-small group label above a grid of option rows
(checkboxes: 18dp rounded squares; radios: 20dp ring-and-dot — list-item
style, no pill containers). The form's widget decides which: RadioSelect
draws radios, CheckboxSelectMultiple checkboxes. Django draws each option
through its own widget, pointed at choices/options.html and
choices/option.html, so values, ticks, ids, groups, disabled and every
hx_* option reach each input. grid_modifier adds grid classes, e.g.
phx-choices--7col (the weekday picker, whose form gives short names) or
phx-choices--1col (one option per row, for long or many names).
Help text and errors render as MD3 supporting text.
{% endcomment %}
{% load phoxtail_core_tags %}
<div class="phx-field{% if field.errors %} phx-field--error{% endif %}">
    {% if show_label != False and label != "" %}
        <span class="phx-field__group-label">
            {{ label|default:field.label }}{% if show_required != False and required|default:field.field.required %}&nbsp;*{% endif %}
        </span>
    {% endif %}
    <div class="phx-choices {{ grid_modifier }}">
        {% widget field class="phx-choice__input phx-choice__input--"|add:control_type template_name="phoxtail_core/forms/fields/choices/options.html" option_template_name="phoxtail_core/forms/fields/choices/option.html" htmx=htmx %}
    </div>
    {% 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>