{% load ui %}

{% comment %}
    The field loop every card-form and modal-form wrapper shares: label, daisyUI-styled
    widget, help text, errors — with checkboxes laid out label-beside-input instead of
    label-above. Included with `form`.
{% endcomment %}
{% for error in form.non_field_errors %}
    <div class="alert alert-error my-2">
        <span>{{ error }}</span>
    </div>
{% endfor %}
{% for field in form %}
    <div class="form-control my-3 w-full">
        {% if field.field.widget.input_type == "checkbox" %}
            <label class="label cursor-pointer justify-start gap-3" for="{{ field.id_for_label }}">
                {{ field|daisy }}
                <span class="label-text">{{ field.label }}</span>
            </label>
        {% else %}
            <label class="label" for="{{ field.id_for_label }}">
                <span class="label-text">{{ field.label }}</span>
            </label>
            {{ field|daisy }}
        {% endif %}
        {% if field.help_text %}<span class="label-text-alt mt-1 text-xs block text-base-content/70">{{ field.help_text }}</span>{% endif %}
        {% for error in field.errors %}<span class="label-text-alt text-xs mt-1 text-error">{{ error }}</span>{% endfor %}
    </div>
{% endfor %}