.modal id="#{modal_id}" tabindex=-1 style="position:fixed; background-color: rgba(0, 0, 0, 0.5)"
  .modal-dialog.modal-dialog-centered
    .modal-content style="background-color: white;width: 100%"
      .modal-header
        .modal-title
          = modal_title
        button.btn-close type="button" id="#{modal_id}_close"
      .modal-body
        = modal_text
      .modal-footer
        = link_to t("helpers.buttons.confirm"), path, data: { turbo_method: :delete }, class: "btn btn-danger"
javascript:
  document.getElementById("#{modal_id}_close").addEventListener('click', (e) => {
    document.getElementById("#{modal_id}").style.display = "none";
  })
  document.getElementById("#{modal_id}_button").addEventListener('click', (e) => {
    document.getElementById("#{modal_id}").style.display = "block";
  })