{% comment %}
MD3 checkbox group: a body-small group label above a grid of checkbox rows
(18dp rounded-square controls, list-item style — no pill containers). Help
text and errors render as MD3 supporting text instead of the hover tooltip.
{% endcomment %}
<div class="fw-field fw-md3{% if field.errors %} fw-md3--error{% endif %}">
    {% if show_label != False and label != "" %}
        <span class="fw-md3-group-label">
            {{ label|default:field.label }}{% if show_required != False and required|default:field.field.required %}&nbsp;*{% endif %}
        </span>
    {% endif %}
    <div class="fw-checkbox-grid {{ grid_modifier }}">
        {% for checkbox in field %}
            <label for="{{ checkbox.id_for_label }}" class="fw-choice-label">
                <input type="checkbox"
                       name="{{ field.html_name }}"
                       id="{{ checkbox.id_for_label }}"
                       value="{{ checkbox.data.value }}"
                       {% if checkbox.data.selected %}checked{% endif %}
                       class="fw-choice-input fw-choice-input--checkbox"
                       {% if field.field.disabled %}disabled{% endif %}>
                <span class="fw-choice-text">
                    {% if label_slice_index %}
                        {{ checkbox.choice_label|slice:label_slice_index }}
                    {% else %}
                        {{ checkbox.choice_label }}
                    {% endif %}
                </span>
            </label>
        {% endfor %}
    </div>
    {% if field.errors %}
        <div class="fw-md3-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">{{ help_text|default:field.help_text }}</div>
    {% endif %}
</div>