document.getElementById("deleteModal").addEventListener("click", function (e) {
  if (e.target === this) {
    closeDeleteModal();
  }
});

// Modal functions
function showDeleteModal(messageId) {
  messageToDelete = messageId;
  document.getElementById("deleteModal").style.display = "flex";
  document.getElementById("deleteModal").style.zIndex = 10;
  document.body.classList.add("modal-open");
}

function closeDeleteModal() {
  messageToDelete = null;
  document.getElementById("deleteModal").style.display = "none";
  document.body.classList.remove("modal-open");
}