Files
2026-02-10 22:11:06 -05:00

44 lines
1.9 KiB
PHP

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<div class="container mt-5">
<!-- Show the modal only if there's an error message -->
<?php if (session()->getFlashdata('error')): ?>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Show the modal
var errorModal = new bootstrap.Modal(document.getElementById('errorModal'), {
keyboard: false, // Disable closing on ESC key
backdrop: 'static' // Prevent closing when clicking outside the modal
});
errorModal.show(); // Show the modal when the page loads
// Reload the page after 5 seconds
setTimeout(function() {
location.reload(); // Refresh the page
}, 50); // 5000 milliseconds = 5 seconds
});
</script>
<?php endif; ?>
<!-- Error Modal -->
<div class="modal fade" id="errorModal" tabindex="-1" aria-labelledby="errorModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="errorModalLabel">Error</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"></script>