{% macro error(field, id="") %}
    {% if field.errors %}
        <div class="card mt-2 text-bg-danger border-danger rounded-0-1" role="alert"{% if id %} id="{{ id }}"{% endif %}>
            {% for error in field.errors %}
                <div class="card-body pb-1 pt-1">
                    <small>{{ error }}</small>
                </div>
            {% endfor %}
        </div>
    {% endif %}
{% endmacro %}


{% macro error_class(field) %}{% if field.errors %}alert alert-danger border-danger callout uproot-error text-black{% endif %}{% endmacro %}


{% set translate = _ %}


{% macro translated_label(label, class_, id=false, replace_minus=false) -%}
    {% set label_text = translate(label.text | string) if label.text is not none else "" %}
    {% if replace_minus %}
        {% set label_text = label_text | replace("-", "−") %}
    {% endif %}
    {{ label(text=label_text, class_=class_, id=id) }}
{%- endmacro %}


{% macro likert_matrix() %}
    {% set field0 = varargs.0 %}
    {% set ncols = field0.choices | length %}
    <table class="table w-100 uproot-likert-matrix">
        <thead>
            <tr class="likert-scale-row">
                <th class="border-0 likert-corner" aria-hidden="true" scope="col"></th>
                <th class="likert-scale border-0" colspan="{{ ncols }}" scope="colgroup">
                    <div class="d-flex justify-content-between">
                        <span class="likert-scale-min">{{ translate(field0.label_min | string) if field0.label_min is not none else "" }}</span>
                        <span class="likert-scale-max">{{ translate(field0.label_max | string) if field0.label_max is not none else "" }}</span>
                    </div>
                </th>
            </tr>
            <tr class="likert-choice-row">
                <th class="likert-corner" aria-hidden="true" scope="col"></th>
                {% for subfield in field0 %}
                    <th class="likert-choice text-center" scope="col">
                        {% if field0.render_kw and field0.render_kw.get("class") %}
                            <div class="{{ field0.render_kw.get('class') }}">
                        {% else %}
                            <div class="text-body-tertiary text-center">
                        {% endif %}
                        {{ translated_label(subfield.label, "form-check-label me-0", replace_minus=true) }}
                        </div>
                    </th>
                {% endfor %}
            </tr>
        </thead>
        <tbody>
        {% for field_ in varargs %}
            <tr class="likert-item-row">
                <th class="likert-item pe-3 ps-0" scope="row">
                    <span class="form-label uproot-form-label">{{ translate(field_.label.text | string) if field_.label.text is not none else "" }}</span>
                    {% if field_.description %}
                        <small class="form-text uproot-form-description">{{ translate(field_.description) | safe }}</small>
                    {% endif %}
                </th>
                {% for subfield in field_ %}
                    <td class="text-center likert-cell" onclick="this.children[0].click()">
                        {{ subfield(class_="form-check-input", data_uproot_radio="") }}
                    </td>
                {% endfor %}
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endmacro %}

{% macro likert_grid() %}
    {% set field0 = varargs.0 %}
    {% set ncols = field0.choices | length %}
    {% set grid_breakpoint = kwargs.get("breakpoint", 992) | int %}  {# default: Bootstrap’s lg breakpoint #}
    {% set grid_narrow_breakpoint = grid_breakpoint - 1 %}
    {% set grid_id = field0.id ~ "-likert-grid" %}
    <style>
        @media (min-width: {{ grid_breakpoint }}px) {
            #{{ grid_id }} {
                display: grid;
                grid-template-columns:
                    55%
                    repeat(var(--likert-columns), minmax(0, 1fr));
            }
            #{{ grid_id }} .uproot-likert-grid-scale {
                display: flex;
                justify-content: space-between;
                gap: 20%;  {# ensure clear separation of label_min and label_max #}
                padding: 0.25rem;
            }
            #{{ grid_id }} .uproot-likert-grid-scale .likert-scale-max {
                text-align: right;
            }
            #{{ grid_id }} .uproot-likert-grid-scale-corner,
            #{{ grid_id }} .uproot-likert-grid-header {
                display: block;
            }
            #{{ grid_id }} .uproot-likert-grid-item-label {
                border-left: 0;
                border-right: 0;
                border-top: 0;
                border-radius: 0;
                margin-top: 0;
                padding-left: 0;
                padding-right: 2rem;  {# like .pe-5, ensuring sufficient separation from radio buttons #}
                text-align: left;
            }
            #{{ grid_id }} .uproot-likert-grid-cell {
                border-left: 0;
                border-right: 0;
                border-radius: 0;
                display: block;
            }
            #{{ grid_id }} .uproot-likert-grid-row-before-description {
                border-bottom: 0;
            }
            #{{ grid_id }} .uproot-likert-grid-description {
                border-left: 0;
                border-right: 0;
                border-radius: 0;
                border-bottom: 1px solid var(--bs-border-color);
                margin-top: -0.25rem;
                padding-bottom: 1rem;
            }
            #{{ grid_id }} .uproot-likert-grid-radio {
                border-bottom: 0;
                grid-column: auto;
                justify-self: initial;
                padding-bottom: 0;
                text-align: initial;
                width: auto;
            }
        }
        @media (max-width: {{ grid_narrow_breakpoint }}px) {
            #{{ grid_id }} {
                display: block;
            }
            #{{ grid_id }} .uproot-form-description {
                margin-top: 0.5rem;
                padding-bottom: 0.75rem;
            }
            #{{ grid_id }} .uproot-likert-grid-description {
                border-left: 1px solid var(--bs-border-color);
                border-right: 1px solid var(--bs-border-color);
                border-bottom: 1px solid var(--bs-border-color);
                border-radius: 0 0 0.5rem 0.5rem;
                margin-top: 0 !important;
                padding-bottom: 0.75rem;
                padding-left: 1rem;
                padding-right: 1rem;
                padding-top: 0.5rem;
            }
            #{{ grid_id }} .uproot-likert-grid-scale,
            #{{ grid_id }} .uproot-likert-grid-scale-corner,
            #{{ grid_id }} .uproot-likert-grid-header {
                display: none;
            }
            #{{ grid_id }} .uproot-likert-grid-item-label {
                border: 1px solid var(--bs-border-color);
                border-bottom: 0;
                border-radius: 0.5rem 0.5rem 0 0;
                margin-top: 1rem;
                font-weight: 600;
                text-align: left;
            }
            #{{ grid_id }} .uproot-likert-grid-cell {
                border-left: 1px solid var(--bs-border-color);
                border-right: 1px solid var(--bs-border-color);
                border-bottom: 0;
                display: grid;
                grid-template-columns: 2em min(4ch, 20%) auto;
                align-items: baseline;
                column-gap: 0;
                padding-bottom: 0;
                padding-top: 0.5rem;
                text-align: left;
            }
            #{{ grid_id }} .uproot-likert-grid-cell-first {
                align-items: last baseline;
            }
            #{{ grid_id }} .uproot-likert-grid-cell-last {
                align-items: first baseline;
                border-radius: 0 0 0.5rem 0.5rem;
                border-bottom: 1px solid var(--bs-border-color);
                padding-bottom: 1rem;
            }
            #{{ grid_id }} .uproot-likert-grid-cell-before-description {
                border-bottom: 0;
                border-radius: 0;
                padding-bottom: 0;
            }
            #{{ grid_id }} .uproot-likert-grid-radio {
                border-bottom: 1px solid var(--bs-border-color);
                grid-column: 1;
                justify-self: center;
                padding-bottom: 0.5rem;
                text-align: left;
                width: 100%;
            }
            #{{ grid_id }} .uproot-likert-grid-mobile-label {
                border-bottom: 1px solid var(--bs-border-color);
                color: var(--bs-tertiary-color);
                display: inline;
                font-weight: 600;
                grid-column: 2;
                padding-bottom: 0.5rem;
                text-align: right;
            }
            #{{ grid_id }} .uproot-likert-grid-mobile-scale-label {
                border-bottom: 1px solid var(--bs-border-color);
                display: block;
                grid-column: 3;
                padding-bottom: 0.5rem;
                padding-left: 2rem;
                white-space: nowrap;
            }
            #{{ grid_id }} .uproot-likert-grid-cell-last .uproot-likert-grid-mobile-scale-label,
            #{{ grid_id }} .uproot-likert-grid-cell-last .uproot-likert-grid-radio,
            #{{ grid_id }} .uproot-likert-grid-cell-last .uproot-likert-grid-mobile-label {
                border-bottom: 0;
            }
            #{{ grid_id }} .uproot-likert-grid-mobile-label .form-check-label {
                font-variant-numeric: tabular-nums;
            }
        }
    </style>
    <div id="{{ grid_id }}" class="uproot-likert-grid" style="--likert-columns: {{ ncols }};">
        {# Wide-mode scale row #}
        {% if field0.label_min is not none or field0.label_max is not none %}
            <div class="uproot-likert-grid-scale-corner"></div>
            <div class="uproot-likert-grid-scale"
                style="grid-column: span {{ ncols }};">
                <span class="likert-scale-min">
                    {{ translate(field0.label_min | string) if field0.label_min is not none else "" }}
                </span>
                <span class="likert-scale-max">
                    {{ translate(field0.label_max | string) if field0.label_max is not none else "" }}
                </span>
            </div>
        {% endif %}
        {# Wide-mode choice-label row #}
        <div class="uproot-likert-grid-header uproot-likert-grid-item-label"></div>
        {% for subfield in field0 %}
            <div class="uproot-likert-grid-header uproot-likert-grid-choice-label">
                {% if field0.render_kw and field0.render_kw.get("class") %}
                    <div class="{{ field0.render_kw.get('class') }}">
                {% else %}
                    <div class="text-body-tertiary text-center">
                {% endif %}
                    {{ translated_label(subfield.label, "form-check-label me-0", replace_minus=true) }}
                </div>
            </div>
        {% endfor %}
        {# Item rows #}
        {% for field_ in varargs %}
            <div class="uproot-likert-grid-item-label{% if field_.description %} uproot-likert-grid-row-before-description{% endif %}">
                <span class="form-label uproot-form-label">
                    {{ translate(field_.label.text | string) if field_.label.text is not none else "" }}
                </span>
            </div>
            {% for subfield in field_ %}
                <div class="uproot-likert-grid-cell{% if field_.description %} uproot-likert-grid-row-before-description{% endif %}{% if loop.first %} uproot-likert-grid-cell-first{% elif loop.last %} uproot-likert-grid-cell-last{% if field_.description %}  uproot-likert-grid-cell-before-description{% endif %}{% endif %}">
                    <span class="uproot-likert-grid-radio">
                        &#8239;{{ subfield(class_="form-check-input", data_uproot_radio="") }}
                        {# for consistent vertical spacing and optical margin alignment #}
                    </span>
                    <span class="uproot-likert-grid-mobile-label">
                        {{ translated_label(subfield.label, "form-check-label me-0", replace_minus=true) }}
                    </span>
                    <span class="uproot-likert-grid-mobile-scale-label">
                        {% if loop.first %}
                            {{ translate(field0.label_min | string) if field0.label_min is not none else "" }}
                        {% elif loop.last %}
                            {{ translate(field0.label_max | string) if field0.label_max is not none else "" }}
                        {% else %}
                            &nbsp;  {# for consistent vertical spacing #}
                        {% endif %}
                    </span>
                </div>
            {% endfor %}
            {% if field_.description %}
                <small class="form-text uproot-form-description uproot-likert-grid-description" style="grid-column: 1 / -1;">
                    {{ translate(field_.description) | safe }}
                </small>
            {% endif %}
        {% endfor %}
    </div>
{% endmacro %}

{% macro field(field) %}
    {% set desc_id = (field.id ~ "-description") if field.description else "" %}
    {% set err_id = (field.id ~ "-errors") if field.errors else "" %}
    {% set describedby = ((desc_id ~ " " ~ err_id) | trim) or false %}
    {% set ADDON_START = (field.addon_start is defined and field.addon_start is not none) %}
    {% set ADDON_END = (field.addon_end is defined and field.addon_end is not none) %}
    {% set ADDON_PRESENT = ADDON_START or ADDON_END %}
    <div class="uproot-form-group {{ field.class_wrapper | default('', true) }}">
        <div class="{{ error_class(field) }}">
        {% if field.type == "BooleanField" %}
            <div class="form-check">
                {% set class_list = ["form-check-input"] %}
                {% if field.render_kw and field.render_kw.get("class") %}
                    {% set noop = class_list.append(field.render_kw.get("class")) %}
                {% endif %}
                {{ field(class_=" ".join(class_list), aria_describedby=describedby) | safe }}
                {{ translated_label(field.label, "form-check-label uproot-form-label") }}
                {% if field.description %}
                    <small class="form-text uproot-form-description" id="{{ desc_id }}">{{ translate(field.description) | safe }}</small>
                {% endif %}
            </div>
        {% elif field.type == "DecimalRangeField" %}
            {{ translated_label(field.label, "form-label uproot-form-label") }}
            {% set class_list = ["form-range"] %}
            {% if field.render_kw and field.render_kw.get("class") %}
                {% set noop = class_list.append(field.render_kw.get("class")) %}
            {% endif %}
            {% if field.__module__ == "uproot.fields" and not field.anchoring %}
                {% set noop = class_list.append("without-anchoring") %}
            {% endif %}
            <div class="align-items-center d-flex">
                {% if field.label_min is defined and field.label_min != "" %}
                    <div class="flex-shrink-0">
                        {% if field.hide_popover is defined and not field.hide_popover %}<div class="uproot-slider-popover-spacer"></div>{% endif %}
                        <div class="me-3 text-end uproot-slider-label uproot-slider-label-min{{ field.label_max_min_class_suffix }}" data-raw="{{ field.validators[1].min }}">
                            {{ translate(field.label_min) }}
                        </div>
                    </div>
                {% endif %}
                <div class="{% if field.hide_popover is defined and not field.hide_popover %}uproot-slider-popover-wrapper{% else %}flex-grow-1{% endif %}">
                    {% if field.hide_popover is defined and not field.hide_popover %}
                    <div class="uproot-slider-popover-container"></div>
                    {% endif %}
                    {{ field(class_=" ".join(class_list), aria_describedby=describedby) | safe }}
                </div>
                {% if field.label_max is defined and field.label_max != "" %}
                    <div class="flex-shrink-0">
                        {% if field.hide_popover is defined and not field.hide_popover %}<div class="uproot-slider-popover-spacer"></div>{% endif %}
                        <div class="ms-3 text-start uproot-slider-label uproot-slider-label-max{{ field.label_max_min_class_suffix }}" data-raw="{{ field.validators[1].max }}">
                            {{ translate(field.label_max) }}
                        </div>
                    </div>
                {% endif %}
            </div>
            {% if field.description %}
                <small class="form-text uproot-form-description" id="{{ desc_id }}">{{ translate(field.description) | safe }}</small>
            {% endif %}
        {% elif field.type == "EmailField" %}
            {{ translated_label(field.label, "form-label uproot-form-label") }}
            <div {% if field.label_floating is defined and field.label_floating is not none %}class="form-floating"{% endif %}>
                {% set class_list = ["form-control"] %}
                {% if field.render_kw and field.render_kw.get("class") %}
                    {% set noop = class_list.append(field.render_kw.get("class")) %}
                {% endif %}
                {% if field.label_floating is defined and field.label_floating is not none %}
                    {{ field(class_=" ".join(class_list), placeholder="e-mail", aria_describedby=describedby) | safe }}
                    <label class="text-body-tertiary bg-transparent" for="{{ field.name }}">{{ translate(field.label_floating) }}</label>
                {% else %}
                    {{ field(class_=" ".join(class_list), aria_describedby=describedby) | safe }}
                {% endif %}
            </div>
            {% if field.description %}
                <small class="form-text mt-2 uproot-form-description" id="{{ desc_id }}">{{ translate(field.description) | safe }}</small>
            {% endif %}
        {% elif field.type == "LikertField" %}
            {% set ncols = field.choices | length %}
            {% set field_breakpoint = field.breakpoint | int %}
            <style>
                @media (min-width: {{ field_breakpoint }}px) {
                    #{{ field.id }}-likert-responsive {
                        border: 0;
                        display: grid;
                        grid-template-columns: max-content repeat({{ ncols }}, minmax(4ch, 1fr)) max-content;
                        padding: 0;
                    }
                    #{{ field.id }}-likert-responsive .uproot-form-description {
                        grid-column: span {{ ncols + 2 }};
                    }
                    #{{ field.id }}-likert-responsive .uproot-likert-responsive-scale-min,
                    #{{ field.id }}-likert-responsive .uproot-likert-responsive-scale-max {
                        display: block;
                    }
                    #{{ field.id }}-likert-responsive .uproot-likert-responsive-corner {
                        border-bottom: 1px solid var(--bs-border-color);
                        display: block;
                    }
                    #{{ field.id }}-likert-responsive .uproot-likert-responsive-choice-label,
                    #{{ field.id }}-likert-responsive .uproot-likert-responsive-option {
                        display: block;
                        padding-left: 0.33rem;
                        text-align: center;
                    }
                    #{{ field.id }}-likert-responsive .uproot-likert-responsive-option {
                        border-bottom: 1px solid var(--bs-border-color);
                        padding-bottom: 0.33rem;
                    }
                    #{{ field.id }}-likert-responsive .uproot-likert-responsive-mobile-scale-label,
                    #{{ field.id }}-likert-responsive .uproot-likert-responsive-mobile-label {
                        display: none;
                    }
                }
            </style>
            {% set has_label = field.label.text is not none and field.label.text != "" %}
            <div id="{{ field.id }}-likert-responsive" class="uproot-likert-responsive"{% if describedby %} aria-describedby="{{ describedby }}"{% endif %} role="radiogroup"{% if has_label %} aria-labelledby="{{ field.id }}-label"{% endif %}>
                {% if has_label %}
                    <div class="uproot-likert-responsive-caption">
                        <span class="form-label uproot-form-label" id="{{ field.id }}-label">{{ translate(field.label.text | string) if field.label.text is not none else "" }}</span>
                    </div>
                {% endif %}
                <div class="uproot-likert-responsive-corner" aria-hidden="true"></div>
                {% for subfield in field %}
                    <div class="uproot-likert-responsive-choice-label">
                        {% if field.render_kw and field.render_kw.get("class") %}
                            <div class="{{ field.render_kw.get('class') }}">
                        {% else %}
                            <div class="text-body-tertiary">
                        {% endif %}
                            {{ translated_label(subfield.label, "form-check-label me-0", replace_minus=true) }}
                        </div>
                    </div>
                {% endfor %}
                <div class="uproot-likert-responsive-corner" aria-hidden="true"></div>
                <div class="uproot-likert-responsive-scale-min">{{ translate(field.label_min | string) if field.label_min is not none else "" }}</div>
                {% for subfield in field %}
                    <div class="uproot-likert-responsive-option{% if loop.first %} uproot-likert-responsive-option-min{% elif loop.last %} uproot-likert-responsive-option-max{% endif %}{% if loop.last %} uproot-likert-responsive-option-last{% endif %}">
                        <span>
                            &#8239;{{ subfield(class_="form-check-input", data_uproot_radio="") }}
                            {# for consistent vertical spacing and optical margin alignment #}
                        </span>
                        <span class="uproot-likert-responsive-mobile-label">
                            {{ translated_label(subfield.label, "form-check-label", replace_minus=true) }}
                        </span>
                        <span class="uproot-likert-responsive-mobile-scale-label{% if loop.first %} uproot-likert-responsive-mobile-scale-label-min{% elif loop.last %} uproot-likert-responsive-mobile-scale-label-max{% endif %}">
                            {% if loop.first %}
                                {{ translate(field.label_min | string) if field.label_min is not none else "" }}
                            {% elif loop.last %}
                                {{ translate(field.label_max | string) if field.label_max is not none else "" }}
                            {% endif %}
                        </span>
                    </div>
                {% endfor %}
                <div class="uproot-likert-responsive-scale-max">{{ translate(field.label_max | string) if field.label_max is not none else "" }}</div>
                {% if field.description %}
                    <small class="form-text uproot-form-description" id="{{ desc_id }}">{{ translate(field.description) | safe }}</small>
                {% endif %}
            </div>
        {% elif field.type == "LikertFieldClassic" %}
            <table class="table w-100 uproot-likert"{% if describedby %} aria-describedby="{{ describedby }}"{% endif %}>
                <caption class="caption-top p-0">
                    <span class="form-label uproot-form-label">{{ translate(field.label.text | string) if field.label.text is not none else "" }}</span>
                </caption>
                <thead>
                    <tr class="likert-choice-row">
                        <th class="w-10 likert-corner" aria-hidden="true" scope="col"></th>
                        {% for subfield in field %}
                            <th class="likert-choice text-center w-auto" scope="col">
                                {% if field.render_kw and field.render_kw.get("class") %}
                                    <div class="{{ field.render_kw.get('class') }}">
                                {% else %}
                                    <div class="text-body-tertiary">
                                {% endif %}
                                    {{ translated_label(subfield.label, "form-check-label me-0", replace_minus=true) }}
                                </div>
                            </th>
                        {% endfor %}
                        <th class="w-10 likert-corner" aria-hidden="true" scope="col"></th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="likert-response-row">
                        <th class="likert-scale-min text-end pe-3 ps-0" scope="row">{{ translate(field.label_min | string) if field.label_min is not none else "" }}</th>
                        {% for subfield in field %}
                            <td class="text-center likert-cell" onclick="this.children[0].click()">
                                {{ subfield(class_="form-check-input", data_uproot_radio="") }}
                            </td>
                        {% endfor %}
                        <th class="likert-scale-max text-start pe-0 ps-3" scope="row">{{ translate(field.label_max | string) if field.label_max is not none else "" }}</th>
                    </tr>
                </tbody>
            </table>
            {% if field.description %}
                <small class="form-text uproot-form-description" id="{{ desc_id }}">{{ translate(field.description) | safe }}</small>
            {% endif %}
        {% elif field.type == "RadioField" %}
            {{ translated_label(field.label, "form-label uproot-form-label", id=field.id ~ "-label") }}
            <div role="radiogroup" aria-labelledby="{{ field.id }}-label"{% if describedby %} aria-describedby="{{ describedby }}"{% endif %}>
            {% for subfield in field %}
                {% set div_class_list = ["form-check"] %}
                {% if field.render_kw and field.render_kw.get("class") %}
                    {% set noop = div_class_list.append(field.render_kw.get("class")) %}
                {% endif %}
                <div class="{{ ' '.join(div_class_list) }}">
                    {{ subfield(class_="form-check-input", data_uproot_radio="") }}
                    {{ translated_label(subfield.label, "form-check-label") }}
                </div>
            {% endfor %}
            </div>
            {% if field.description %}
                <small class="form-text mt-2 uproot-form-description" id="{{ desc_id }}">{{ translate(field.description) | safe }}</small>
            {% endif %}
        {% elif field.type == "BoundedChoiceField" %}
            {{ translated_label(field.label, "form-label uproot-form-label", id=field.id ~ "-label") }}
            <input type="hidden" name="{{ field.name }}" value="">
            <div class="uproot-bounded-choice" role="group" aria-labelledby="{{ field.id }}-label"{% if describedby %} aria-describedby="{{ describedby }}"{% endif %} data-bounded-min="{{ field.bounded_min }}" data-bounded-max="{{ field.bounded_max if field.bounded_max is not none else '' }}">
            {% for subfield in field %}
                {% set div_class_list = ["form-check"] %}
                {% if field.render_kw and field.render_kw.get("class") %}
                    {% set noop = div_class_list.append(field.render_kw.get("class")) %}
                {% endif %}
                <div class="{{ ' '.join(div_class_list) }}">
                    <input type="checkbox" class="form-check-input" id="{{ subfield.id }}" name="{{ field.name }}" value="{{ subfield.data }}"{% if field.data and subfield.data in field.data %} checked{% endif %}>
                    {{ translated_label(subfield.label, "form-check-label") }}
                </div>
            {% endfor %}
            </div>
            {% if field.description %}
                <small class="form-text mt-2 uproot-form-description" id="{{ desc_id }}">{{ translate(field.description) | safe }}</small>
            {% endif %}
        {% elif field.type == "SelectField" %}
            {{ translated_label(field.label, "form-label uproot-form-label") }}
            {% set class_list = ["form-select"] %}
            {% if field.render_kw and field.render_kw.get("class") %}
                {% set noop = class_list.append(field.render_kw.get("class")) %}
            {% endif %}
            <select {{ select_html_params(field, " ".join(class_list)) | safe }}{% if describedby %} aria-describedby="{{ describedby }}"{% endif %}>
                {% if field.has_groups() %}
                    {% for group, choices in field.iter_groups() %}
                        <optgroup label="{{ translate(group | string) if group is not none else '' }}">
                            {% for value, label, selected, render_kw in choices %}
                                {{ field.widget.render_option(value, translate(label | string) if label is not none else "", selected, **render_kw) }}
                            {% endfor %}
                        </optgroup>
                    {% endfor %}
                {% else %}
                    {% for value, label, selected, render_kw in field.iter_choices() %}
                        {{ field.widget.render_option(value, translate(label | string) if label is not none else "", selected, **render_kw) }}
                    {% endfor %}
                {% endif %}
            </select>
            {% if field.description %}
                <small class="form-text mt-2 uproot-form-description" id="{{ desc_id }}">{{ translate(field.description) | safe }}</small>
            {% endif %}
        {% elif field.type == "BICField" or field.type == "IBANField" or field.type == "StringField" or field.type == "TextAreaField" %}
            {{ translated_label(field.label, "form-label uproot-form-label") }}
            {% if ADDON_PRESENT %}
                <div class="input-group">
            {% endif %}
                {% if ADDON_START %}
                    <span class="input-group-text {{ field.class_addon_start }}">{{ field.addon_start }}</span>
                {% endif %}
                {% if field.label_floating is defined and field.label_floating is not none %}<div class="form-floating">{% endif %}
                    {% set class_list = ["form-control"] %}
                    {% if field.render_kw and field.render_kw.get("class") %}
                        {% set noop = class_list.append(field.render_kw.get("class")) %}
                    {% endif %}
                    {% if field.label_floating is defined and field.label_floating is not none %}
                        {{ field(class_=" ".join(class_list), placeholder="text", aria_describedby=describedby) | safe }}
                        <label class="text-body-tertiary bg-transparent" for="{{ field.name }}">{{ translate(field.label_floating) }}</label>
                    {% else %}
                        {{ field(class_=" ".join(class_list), aria_describedby=describedby) | safe }}
                    {% endif %}
                {% if field.label_floating is defined and field.label_floating is not none %}</div>{% endif %}
                {% if ADDON_END %}
                    <span class="input-group-text {{ field.class_addon_end }}">{{ field.addon_end }}</span>
                {% endif %}
            {% if ADDON_PRESENT %}
                </div>
            {% endif %}
            {% if field.description %}
                <small class="form-text mt-2 uproot-form-description" id="{{ desc_id }}">{{ translate(field.description) | safe }}</small>
            {% endif %}
        {% else %}
            {# DateField, FileField, IntegerField, DecimalField #}
            {{ translated_label(field.label, "form-label uproot-form-label") }}
            {% set class_list = ["form-control"] %}
            {% if field.render_kw and field.render_kw.get("class") %}
                {% set noop = class_list.append(field.render_kw.get("class")) %}
            {% endif %}
            {% if ADDON_PRESENT %}
                <div class="input-group">
            {% endif %}
                {% if ADDON_START %}
                    <span class="input-group-text {{ field.class_addon_start }}">{{ field.addon_start }}</span>
                {% endif %}
                {{ field(class_=" ".join(class_list), aria_describedby=describedby) | safe }}
                {% if ADDON_END %}
                    <span class="input-group-text {{ field.class_addon_end }}">{{ field.addon_end }}</span>
                {% endif %}
            {% if ADDON_PRESENT %}
                </div>
            {% endif %}
            {% if field.description %}
                <small class="form-text mt-2 uproot-form-description" id="{{ desc_id }}">{{ translate(field.description) | safe }}</small>
            {% endif %}
        {% endif %}
        {{ error(field, err_id) }}
        </div>
    </div>
{% endmacro %}


{% macro fields() %}
    {% for field_ in form %}
        {{ field(field_) }}
    {% endfor %}
{% endmacro %}


{% macro errors() %}
    {% for field_ in form %}
        <div class="uproot-form-group {{ error_class(field_) }}">
            {{ error(field_) }}
        </div>
    {% endfor %}
{% endmacro %}


{% macro chat(chatid) %}
    {% with chat=chatid %}
        {% include "Chat.html" %}
    {% endwith %}
{% endmacro %}


{# Reminder for potential filter: {{ x | default("") }} #}