<?php include "common.php" ?>

<link rel="stylesheet" href="<?php echo base_url();?>files/assets/css/style.jw11.css">
<style>

</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" class="object-point-none"> -->
    </div>
    
    <div class="container font-poppins">
        <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">
                <div class="text-wrapper d-none d-lg-block pb-3">
                    <h3 class="title" style="color: #fff;">Reset Password</h3>
                </div>
                <?php $this->load->view('template/message.php');?>
                <form action="" method="post" class="login-form">
                    <div class="form-group mb-4">
                        <input type="text" name="useremail" id="useremail" required class="form-control form--control focus-register rounded" style="background: #f5f5f5 !important;" placeholder="Enter your email">
                    </div>
                    <div class="form-group">


                        <div class="form-group">

                            <button class="cmn--btn login-btn w-100 btn--lg btn-register btn-login-show btn-effect" style="background-color: #BEDD5C; color: black;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 cursor-no-drop theme-button" style="background: #BEDD5C;" name="reset_btn" style="" type="button">Reset</button>
                        </div>

                        <!-- <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 style="font-size: 16px; color: #fff;">Remember your account?<a href="<?php echo base_url('login');?>" style="color: #BEDD5C; display: inline-block; margin-left: 2px; font-weight: bold;">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() {
         var useremail = $('#useremail').val();
       
         var check = 1;

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

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

  

    });
</script>