{% if modal.message or modal.template %}
    {% set modal_id = 'main-modal' %}
    <div class="modal fade {{ modal.style }}" tabindex="-1" data-controller="modal" id="{{ modal_id }}">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content" data-action="click->modal#hide">
                {% if modal.template %}
                    {{ include(modal.template) }}
                {% else %}
                    <div class="modal-header siglo-logo">
                        <img src="{{ asset('build/img/siglo-logo.png') }}" alt="siglo logo">
                        {#<h5 class="modal-title">Modal title</h5>#}
                        {#<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>#}
                    </div>
                    <div class="modal-body">
                        <p>
                            {{ modal.message|raw }}
                        </p>
                    </div>
                    {#<div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>#}
                {% endif %}
            </div>
        </div>
    </div>
{% endif %}