{# Project override of Flask-Admin's bootstrap4 inline_list_base.html.

   Same shape as the upstream macro (`render_inline_fields`) so all
   downstream templates keep working — only the "remove this entry"
   affordance is changed: render a plain Unicode "✕" button instead
   of the upstream FontAwesome <i class="fa fa-times">, which did
   not display reliably with the FA build this admin loads. #}
{% macro render_inline_fields(field, template, render, check=None) %}
<div class="inline-field" id="{{ field.id }}">
    <div class="inline-field-list">
        {% for subfield in field %}
        <div id="{{ subfield.id }}" class="inline-field card card-body bg-light mb-3">
            {%- if not check or check(subfield) %}
            <legend>
                <small>
                    {{ field.label.text }} #{{ loop.index }}
                    <div class="pull-right">
                        {% if subfield.get_pk and subfield.get_pk() %}
                        <input type="checkbox" name="del-{{ subfield.id }}" id="del-{{ subfield.id }}" />
                        <label for="del-{{ subfield.id }}" class="d-inline">{{ _gettext('Delete?') }}</label>
                        {% else %}
                        <a href="javascript:void(0)"
                           value="{{ _gettext('Are you sure you want to delete this record?') }}"
                           class="inline-remove-field"
                           title="{{ _gettext('Remove this entry') }}"
                           aria-label="{{ _gettext('Remove this entry') }}">&#x2715;</a>
                        {% endif %}
                    </div>
                </small>
            </legend>
            <div class='clearfix'></div>
            {%- endif -%}
            {{ render(subfield) }}
        </div>
        {% endfor %}
    </div>

    <div class="inline-field-template d-none">
        {% filter forceescape %}
        <div class="inline-field card card-body bg-light mb-3">
            <legend>
                <small>{{ _gettext('New') }} {{ field.label.text }}</small>
                <div class="pull-right">
                    <a href="javascript:void(0)"
                       value="{{ _gettext('Are you sure you want to delete this record?') }}"
                       class="inline-remove-field"
                       title="{{ _gettext('Remove this entry') }}"
                       aria-label="{{ _gettext('Remove this entry') }}">&#x2715;</a>
                </div>
            </legend>
            <div class='clearfix'></div>
            {{ render(template) }}
        </div>
        {% endfilter %}
    </div>
    <a id="{{ field.id }}-button" href="javascript:void(0)" class="btn btn-primary" role="button" onclick="faForm.addInlineField(this, '{{ field.id }}');">{{ _gettext('Add') }} {{ field.label.text }}</a>
</div>
{% endmacro %}