{{--
    Single shared confirmation modal, driven entirely by window.confirmModal()
    (see layouts/app.blade.php). Replaces native window.confirm()/confirm()
    dialogs site-wide with a styled, on-brand modal.
--}}
<div class="modal fade" id="appConfirmModal" tabindex="-1" aria-labelledby="appConfirmModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow-lg">
            <div class="modal-body p-4 text-center">
                <div class="confirm-modal-icon mb-3">
                    <i class="bi js-confirm-icon"></i>
                </div>
                <h5 class="modal-title mb-2" id="appConfirmModalTitle">
                    <span class="js-confirm-title">Please Confirm</span>
                </h5>
                <div class="text-secondary js-confirm-body"></div>
            </div>
            <div class="modal-footer border-0 justify-content-center pb-4 pt-0">
                <button type="button" class="btn btn-light px-4 js-confirm-cancel" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-danger px-4 js-confirm-ok">Confirm</button>
            </div>
        </div>
    </div>
</div>