{% load i18n %}
{% if modal_title %}
    <div class="modal-header">
        <h5 class="modal-title">{{ modal_title }}</h5>
        {% if template_pack == 'bootstrap4' %}
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        {% else %}
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        {% endif %}
    </div>
{% endif %}

<div class="modal-body">
    {% if modal_message %}
        <p>{{ modal_message }}</p>
    {% endif %}

    {% if modal_body %}
        {{ modal_body|safe }}
    {% endif %}

    {{ fields|safe }}
</div>

{% if modal_close or modal_submit %}
    <div class="modal-footer">
        {% if modal_close %}
            <button type="button" class="btn btn-lg btn-secondary" data-dismiss="modal" data-bs-dismiss="modal">{% trans 'Close' %}</button>
        {% endif %}
        {% if modal_submit %}
            <button type="submit" class="btn btn-primary btn-lg btn-long submit-btn" id="id_submit_btn">{{ modal_submit }}</button>
        {% endif %}
    </div>
{% endif %}