<style>
        .login-wrapper {
    background: #fff !important;
    backdrop-filter: none;
}
</style>
<div class="overlay"></div>
<a href="javascript::void(0)" class="scrollToTop"><i class="las la-chevron-up"></i></a>
<div class="login-section">
    <div class="login-thumb">
        <img src="<?php echo base_url();?>files/assets/images/thumb/log-reg-bg.png" alt="thumb">
    </div>
    
    <div class="container">
        <div class="flex justify-center items-center mt-10">
            <a href="<?=base_url()?>" class="login-logo d-none d-lg-block"><img src="<?php echo base_url();?>files/assets/images/thumb/log-reg-logo.png" alt="thumb"></a>
            <a href="<?=base_url()?>" class="login-logo-two d-lg-none d-block text-center"><img src="<?php echo base_url();?>files/assets/images/thumb/log-reg-logo.png" alt="thumb"></a>
        </div>
        <div class="reset-area login-area d-flex justify-content-center align-items-center">
            <div class="login-wrapper border-none md:shadow-2xl">
                <div class="text-wrapper d-none d-lg-block pb-3">
                    <h3 class="title">Reset Password</h3>
                </div>
                <?php $this->load->view('template/message.php');?>
                <form action="" method="post" class="login-form">
                    <input type="hidden" name="data_id" value="<?php echo $id;?>">
                    <div class="form-group mb-4">
                        <label class="label" for="">New Password</label>
                        <input type="password" name="password" id="password" required class="form-control focus-register newpassword" placeholder="Enter password">
                    </div>
                     <div class="form-group mb-4">
                        <label class="label" for="">Confirm Password</label>
                        <input type="password" name="cpassword" id="cpassword" required class="form-control focus-register userpassword" placeholder="Re-enter password">
                    </div>


                        <div class="form-group">

                            <button class="cmn--btn login-btn w-100 btn--lg btn-register btn-login-show" style="background-color: #174078; color: white;display: none;" type="submit"  name="reset_btn" value="ok">Reset</button>

                            <button disabled class="cmn--btn login-btn w-100 btn--lg btn-register btn-login-hide" type="button">Reset</button>
                        </div>


<!-- 
                    <div class="form-group">
                        <button class="cmn--btn login-btn w-100 btn--lg btn-register" name="reset_btn" value="ok" type="submit">Reset</button>
                    </div> -->
                    <div class="form-group mt-4 text-center fs-sm-12">
                        <p>Remember your account?<a href="<?php echo base_url('login');?>" class="ps-2 text-jam">Login</a></p>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script src="<?php echo base_url();?>files/assets/js/lib/jquery-3.6.0.min.js"></script>

<script type="text/javascript">
    $('body').delegate('.focus-register', 'keyup keydown blur change', function() {
         console.log('hi');
         var newpassword = $('.newpassword').val();
         var userpassword = $('.userpassword').val();
         
         var check = 1;



         if(newpassword == '')
         {
            check = 0;
         }

         if(userpassword == '')
         {
            check = 0;
         }

         if(check == 1)
         {
            $('.btn-login-hide').hide();
            $('.btn-login-show').show();            
         }
         else
         {
            $('.btn-login-show').hide();
            $('.btn-login-hide').show();
         }

  

    });
</script>