{% load suit_forms %}
{% comment %}
suit's own layout of Django's admin/includes/fieldset.html (4.2): Bootstrap grid rows sized by
suit_form_size (.form-group.row, label + column classes) instead of Django's .form-row /
.flex-container / .fieldBox. Kept from Django: the row classes (errors, hidden, field-<name>),
checkbox and readonly rendering, the <field id>_helptext id on help texts.
{% endcomment %}
<fieldset class="suit-form module aligned {{ fieldset.classes }}">
    {% if fieldset.name %}<h2>{{ fieldset.name }}</h2>{% endif %}
    {% if fieldset.description %}
        <div class="description">{{ fieldset.description|safe }}</div>
    {% endif %}
    {% for line in fieldset %}
        {% with fields_count=line.fields|length %}

            <div class="form-group row form-row {% if fields_count == 1 and line.errors or field.errors %} has-danger errors{% endif %}{% if not line.has_visible_field %} hidden{% endif %}{% for field in line %}{% if field.field.name %} field-{{ field.field.name }}{% endif %}{% if field.field.is_hidden %} hidden{% endif %}{% endfor %}">

                {% for field in line %}
                    {% if fields_count == 1 or forloop.first %}
                        <label for="{{ field.field.id_for_label }}" class="form-control-label {{ field.field|suit_form_label_class:fieldset }}">{{ field.label_tag }}</label>
                        <div class="px-2 {% if fields_count == 1 %} {{ field.field|suit_form_field_class:fieldset }} {% else %}col-12 col-sm-9 col-md-10 col-multi-fields{% endif %}">
                    {% endif %}

                {# Open multi-field #}
                {% if fields_count != 1 %}
                    <div class="multi-field {{ field.field|suit_form_field_widget_class }} {% if field.errors %} has-danger errors{% endif %}">
                    {% if not forloop.first %}
                        <label for="{{ field.field.id_for_label }}" class="form-control-label">{{ field.label_tag }}</label>
                        <div class="multi-field-content {{ field.field|suit_form_field_widget_class }}">
                    {% endif %}
                {% endif %}

                {% if field.is_readonly %}
                    <p class="form-control-plaintext">{{ field.contents }}</p>
                {% else %}
                    {{ field.field }}
                {% endif %}
                {% if field.errors and fields_count != 1 and not field.is_readonly %}
                    <div class="text-help">
                        {{ field.errors }}
                    </div>
                {% endif %}
                {% if fields_count == 1 and line.errors %}
                    <div class="text-help">
                        {{ line.errors }}
                    </div>
                {% endif %}
                {% if field.field.help_text %}
                    <small class="text-help"{% if field.field.id_for_label %} id="{{ field.field.id_for_label }}_helptext"{% endif %}>{{ field.field.help_text|safe }}</small>
                {% endif %}

                {# Close multi-field #}
                {% if fields_count != 1 %}

                    {# Close multi-field-content #}
                    {% if not forloop.first %}
                        </div>
                    {% endif %}

                    </div>
                {% endif %}

                {# Close multi-row first field container #}
                {% if fields_count == 1 or forloop.last %}
                    </div>
                {% endif %}

                {% endfor %}

            </div>
        {% endwith %}
    {% endfor %}
</fieldset>