{% set modalTitleId = 'title-' ~ modalId %}
{% set displayFlat = displayFlat is defined and displayFlat %}
<div class="modal{% if not displayFlat %} fade{% endif %}" id="{{ modalId }}" tabindex="-1"{% if modalTitle is defined %} aria-labelledby="{{ modalTitleId }}"{% endif %}{% if not displayFlat %} aria-hidden="true"{% else %}style="position: static; display: block;"{% endif %}>
<div class="modal-dialog">
<div class="modal-content">
{% if modalTitle is defined %}
<div class="modal-header">
<h5 class="modal-title" id="{{ modalTitleId }}">{{ modalTitle | raw | trans }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans %}Close{% endtrans %}"></button>
</div>
{% endif %}
{% if modalBody is defined %}
<div class="modal-body">
{{ modalBody | trans | raw }}
</div>
{% endif %}
{% if modalFooter is defined %}
<div class="modal-footer">
{{ modalFooter | trans | raw }}
</div>
{% endif %}
</div>
</div>
</div>