<div class="modal fade" id="confirm-purge" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header bg-danger"> <h5 class="modal-title">WARNING: Purging record</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p>This action is irreversible. Are you sure, your sure, that you want to purge it?</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <a type="button" class="btn btn-danger btn-ok">Purge</a> </div> </div> </div> </div> @section('page-scripts') <script> var confirmpurge = new bootstrap.Modal(document.getElementById('confirm-purge'), {}); $(document).ready(function() { $('.purge').click(function(e) { confirmpurge.show(); $('#confirm-purge').find('.btn-ok').attr('href',e.currentTarget.href); return false; }); }); </script> @append