{# def id, title='Modal Dialog', submit='Submit', btn_class="btn-primary" #}
{#js vendor/jquery/jquery.min.js #}
<!-- Modal -->
<div class="modal fade ssp-modal-idle"
     id="{{ id }}"
     data-bs-backdrop="static"
     tabindex="-1"
     aria-labelledby="staticBackdropLabel"
     aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5">{{ title }}</h1>
        <button type="button"
                class="btn-close"
                data-bs-dismiss="modal"
                aria-label="Close"></button>
      </div>
      <div class="modal-body">{{ content }}</div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
        <button type="submit" class="btn {{ btn_class }}">
          <span class="spinner-border spinner-border-sm me-2"
                role="status"
                aria-hidden="true"><span class="visually-hidden">{{ _("Processing…") }}</span></span>
          <span class="ssp-modal-processing-text" role="status" aria-live="polite">{{ _("Please wait… This may take up to 15 seconds.") }}</span>
          <span class="ssp-modal-submit-text">{{ submit }}</span>
        </button>
      </div>
    </div>
  </div>
</div>
