<div style="padding-top: 140px; padding-bottom: 80px; min-height: 100vh;">

    <div class="container">

        <div class="text-center"> <?php if ($this->session->flashdata()) {

                                        echo Helpers::showFlash($this->session->flashdata("response"));

                                    } ?></div>

        <div class="text-center" style="margin-bottom: 3rem;">

            <h1 style="font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem;">

                Sign Up <span class="gradient-text"></span>

            </h1>

            <p style="color: rgba(255,255,255,0.7); font-size: 1.25rem;">Sign Up to continue to Defilenders</p>

        </div>



        <div class="card main-card">

            <h2 style="font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 0.75rem;">

                Sign Up

            </h2>



            <form method="post">

                <div class="input-group">

                    <label class="input-label">Username</label>

                    <input type="text" class="input" placeholder="Enter Username" name="username" id="address" value="<?= set_value('username'); ?>" required>

                </div>

                <b class="text-danger text-left"><?= form_error('username'); ?></b>



                <div class="input-group">

                    <label class="input-label">Email</label>

                    <input type="email" class="input" placeholder="Enter Email" name="email" id="address" value="<?= set_value('email'); ?>" required>

                </div>

                <b class="text-danger text-left"><?= form_error('email'); ?></b>

                <div class="input-group">

                    <label class="input-label">Confirm Email</label>

                    <input type="email" class="input" placeholder="Confirm your email" name="confirm_email" id="address" value="<?= set_value('confirm_email'); ?>" required>

                </div>

                <b class="text-danger text-left"><?= form_error('confirm_email'); ?></b>

                <div class="input-group">

                    <label class="input-label">Password</label>

                    <input type="password" class="input" name="password" placeholder="******" id="address" required>

                </div>
                   <b class="text-danger text-left"><?= form_error('password'); ?></b>

                <div class="input-group">

                    <label class="input-label">Confirm Password</label>

                    <input type="password" class="input" name="confirm_password" placeholder="******" id="address" required>

                </div>

                <b class="text-danger text-left"><?= form_error('confirm_password'); ?></b>

                <div class="input-group">

                    <label class="input-label">Security Check- Code: <span style="color:#ff7f76;"><?php echo $captcha; ?></span></label><br>

                    <label class="input-label">Enter the Code</label>

                    <input type="text" class="input" placeholder="Enter the Code" name="captcha" id="address" value="<?= set_value('captcha'); ?>" required>

                </div>

                <b class="text-danger text-left"><?= form_error('captcha'); ?></b>



                <div class="input-group" style="display: flex;align-items:center">



                    <input type="checkbox" style="width: unset !important;margin-right:20px" class="input" required>

                    <label class="input-label" style="width: 100%;">You agree to the Defilenders <a href="#" style="text-decoration: none;color:#fff;">Terms of Use</a></label>

                </div>

                <!-- <input type="submit" name="not_bank" class="btn btn-primary" style="width: 100%;" id="" value="Submit Withdrawal"> -->

                <button type="submit" class="btn btn-primary" style="width: 100%;">Sign Up</button>

                <p style="text-align: center; font-size: 0.875rem; color: rgba(255,255,255,0.6); margin-top: 1rem;">Already have an account? <a style="    text-decoration: none; color: #fff !important;" href="<?= base_url() ?>login">Sign In</a></p>

            </form>

        </div>

    </div>

</div>

</div>