<!-- app/Views/errors/custom/blocked.php -->
<div class="modal fade" id="blockedModal" tabindex="-1" aria-labelledby="blockedLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg">
    <div class="modal-content rounded-4 shadow border-0" style="max-width: 600px; margin: auto;">
      <div class="modal-body text-center p-5">
        <img src="<?= base_url('assets/images/alrahma_logo.png') ?>" alt="Logo"
             style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;" class="mb-4">
        <h5 class="modal-title text-danger mb-3" id="blockedLabel">Access Blocked</h5>
        <p class="lead mb-3">Too many password reset attempts have been made.</p>
        <p>Please try again after 24 hours or contact support if you need urgent assistance.</p>
        <a href="<?= base_url('/') ?>" class="btn btn-success mt-3">Return to Home</a>
      </div>
    </div>
  </div>
</div>

<?php if (session()->getFlashdata('show_block_modal')): ?>
<script>
  window.addEventListener('DOMContentLoaded', function () {
    const modal = new bootstrap.Modal(document.getElementById('blockedModal'));
    modal.show();
  });
</script>
<?php endif; ?>
