<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