EVOLUTION-NINJA
Edit File: verify_otp.php
<!DOCTYPE html> <html> <head> <title>Verify OTP & Reset Password</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <style> body { background: url('<?= base_url("public/assets/images/money-2696229_1280.jpg") ?>') no-repeat center center fixed; background-size: 100%; /* Adjust for compression */ background-repeat: no-repeat; background-position: center; background-color: #f8f9fa; /* fallback background */ } </style> </head> <body> <div class="container mt-5" style="max-width: 500px;"> <div class="card shadow"> <div class="card-body"> <h4 class="mb-4 text-center">Reset Your Password</h4> <?php if(session()->getFlashdata('error')): ?> <div class="alert alert-danger"><?= session()->getFlashdata('error') ?></div> <?php endif; ?> <?php if(session()->getFlashdata('message')): ?> <div class="alert alert-success"><?= session()->getFlashdata('message') ?></div> <?php endif; ?> <form method="post" action="<?= base_url('verify-otp') ?>"> <div class="mb-3"> <label class="form-label">Enter OTP</label> <input type="text" class="form-control" name="otp" required> </div> <div class="mb-3"> <label class="form-label">New Password</label> <input type="password" class="form-control" name="new_password" pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@#$%^&*!])[A-Za-z\d@#$%^&*!]{8,16}$" required data-toggle="tooltip" data-placement="bottom" title="Password must be 8-16 characters long, contain at least one uppercase letter, one lowercase letter, one digit, and one special character (@, #, $, %, ^, &, *, etc.). required> </div> <div class="mb-3"> <label class="form-label">Confirm Password</label> <input type="password" class="form-control" name="confirm_password" required> </div> <button type="submit" class="btn btn-success w-100">Reset Password</button> </form> </div> </div> </div> </body> </html>