{#- Add/edit form fragment, loaded into the modal. -#}
<form id="inline-modal-form"
      data-save-url="{{ base_url }}/save"
      data-inline="{{ inline_identity }}"
      novalidate
      onsubmit="return false">
  <input type="hidden" name="_child_pk" value="{{ child_pk }}">
  {% for field in form if field.widget.input_type == 'hidden' %}{{ field() }}{% endfor %}

  {% for field in form if field.widget.input_type != 'hidden' %}
  {%- set invalid = ' is-invalid' if field.errors else '' -%}
  {%- set field_id = 'inline-field-' ~ field.id -%}
  <div class="row mb-3">
    <label class="col-sm-3 col-form-label{{ ' required' if field.flags.required }}" for="{{ field_id }}">
      {{ field.label.text }}
    </label>
    <div class="col-sm-9">
      {% if field.type == 'BooleanField' %}
        <label class="form-check mt-2">
          {{ field(id=field_id, class_='form-check-input' ~ invalid) }}
        </label>
      {% elif field.type in ('QuerySelectField', 'QuerySelectMultipleField', 'SelectField', 'SelectMultipleField', 'Select2TagsField') %}
        {{ field(id=field_id, class_='form-select' ~ invalid, **{'data-role': field.render_kw.get('data-role', 'select2') if field.render_kw else 'select2'}) }}
      {% elif field.type in ('TextAreaField', 'JSONField') %}
        {{ field(id=field_id, class_='form-control' ~ invalid, rows=4) }}
      {% else %}
        {{ field(id=field_id, class_='form-control' ~ invalid) }}
      {% endif %}
      {% for error in field.errors %}
      <div class="invalid-feedback d-block">{{ error }}</div>
      {% endfor %}
      {% if field.description %}
      <small class="form-hint">{{ field.description }}</small>
      {% endif %}
    </div>
  </div>
  {% endfor %}
</form>