document.addEventListener('DOMContentLoaded', function () {
    const modaleMessengers = document.querySelectorAll('.modal-messenger');
    modaleMessengers.forEach(modalMessenger => {
        const modal = new bootstrap.Modal(modalMessenger);
        /*
        modalMessenger.addEventListener('show.bs.modal', function (event) {
            const button = event.relatedTarget;
            const modalTitle = modalMessenger.querySelector('.modal-title');
            const modalBody = modalMessenger.querySelector('.modal-body');
            const modalFooter = modalMessenger.querySelector('.modal-footer');
            modalTitle.innerHTML = button.getAttribute('data-title');
            modalBody.innerHTML = button.getAttribute('data-body');
            modalFooter.innerHTML = button.getAttribute('data-footer');
        });
        */
        // Open the modal
        modal.show();
    });
});