<div style="padding-top: 140px; padding-bottom: 0px; min-height: 100vh; color: white;">
    <div class="container">
       

        <div class="row" style="max-width: 700px;margin:auto">
             <div class="text-center" style="margin-bottom: 30px;">
            <?php if ($this->session->flashdata()) {
                echo Helpers::showFlash($this->session->flashdata("response"));
            } ?>
        </div>
            <div class="col-lg-6 m-auto">
                <div class="card" style="position: relative; overflow: hidden; border: 1px solid rgba(153, 69, 255, 0.3);">
                    <div style="position: absolute; top: 0; right: 0; width: 150px; height: 150px; background: linear-gradient(135deg, var(--solana-purple), var(--solana-cyan)); opacity: 0.1; filter: blur(50px); border-radius: 50%;"></div>

                    <div style="position: relative; z-index: 1;">
                        <h2 style="font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem;">Change Password</h2>

                        <form method="post">
                            <div style="margin-bottom: 1.5rem;">
                                <label style="font-size: 0.875rem; color: rgba(255,255,255,0.6); display: block; margin-bottom: 0.5rem;">Old Password</label>
                                <div class="input-group">
                                    <input type="password" name="current_password" class="input" placeholder="******" required style="width: 100%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: white; padding: 0.75rem 1rem; border-radius: 0.75rem;">
                                </div>
                            </div>
                            <div style="margin-bottom: 1.5rem;">
                                <label style="font-size: 0.875rem; color: rgba(255,255,255,0.6); display: block; margin-bottom: 0.5rem;">New Password</label>
                                <div class="input-group">
                                    <input type="password" name="password" class="input" placeholder="******" required style="width: 100%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: white; padding: 0.75rem 1rem; border-radius: 0.75rem;">
                                </div>
                            </div>

                            <div style="margin-bottom: 2rem;">
                                <label style="font-size: 0.875rem; color: rgba(255,255,255,0.6); display: block; margin-bottom: 0.5rem;">Confirm New Password</label>
                                <div class="input-group">
                                    <input type="password" name="passconf" class="input" placeholder="******" required style="width: 100%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: white; padding: 0.75rem 1rem; border-radius: 0.75rem;">
                                </div>
                                <?php if (form_error('passconf')) : ?>
                                    <p style="color: #ff4d4d; font-size: 0.8rem; mt-2;"><?= form_error('passconf'); ?></p>
                                <?php endif; ?>
                            </div>

                            <button class="btn btn-primary" type="submit" style="width: 100%; max-width: unset !important; font-weight: 600;">
                                Update Password
                            </button>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>