<?php $this->load->view("top"); ?>
<style>
    .sty2{
        display: none;
    }
    .sty3{
        display: none;
    }
    
.chk_otp1 {
    padding-left: 15px !important;
    letter-spacing: 41px;
    border: none;
    background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 220px;
    min-width: 325px;
    padding-right: 0 !important;
    outline: none;
    box-sizing: initial;
}

</style>

<section class="banner_category" style="background-image: url('<?php echo theme_url();?>images/listing-banner.jpg');">
    <div class="container">
     
      <h1 class="banner_title">Change Password</h1>
    </div>
  </section>
  <div class="page_breadcrumbs">

		<div class="container">

			<ul>

      <li><a href="<?=site_url();?>" title="Home">Home</a>

                </li>

                <li><a href="<?=base_url('my-account');?>" title="My Account">My Account</a>

                </li>

                <li>Change Password</li>

			</ul>

		</div>

	</div>



  <div class="clearfix"></div>
  <section class="my_account_page">
    <div class="container">

      <div class="innnerwarp">
        <div class="row">
          <div class="col-md-3 col-md-pull-9">
        <?php $this->load->view('members/left'); ?>
          </div>
          <div class="col-md-9 col-md-push-3">
            <div class="right_side">
              <h1>Change Password</h1>

              <div class="wps_right">

                  <form id="reset_pass" method="post" accept-charset="utf-8">
                       <!--                      send otp-->
                      <p id="resetstatus"></p>
<!--<?php $mobile =$this->session->userdata('mobnumber'); if($mobile) { echo "<div class='alert alert-success' role='alert'>Please Type The Verification Code Sent to  ".$mobile."</div>" ; }?>-->
                      <div class="sty1">
                           <div class="row">
                                  <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <input type="hidden" name="m_number" id="m_number" value="<?=$mres['mobile_number']?>">
                                    <button  class="edit_save_btn" type="submit" id="resetpass">Reset Password</button>
                                    </div>
                                    </div>
                          </div>
                      </div>
                      <!--                      reset otp verify -->
                             <div class="sty2">
                           <div class="row">
                                 <div class="col-lg-6 col-md-6 col-sm-6">
                                     <div class="form-group"> 
                                     <div class="divOuter_otp m-0">
                                <div class="divInner_otp">
                        <input type="hidden" class="partitioned" name="m_number" id="mobile_number" value="<?=$mres['mobile_number']?>">
                         <input type="text" class="chk_otp1" id="otp" name="otp"  maxlength="6" minlength="6" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" >
                                </div>
                                </div>
                                </div>
                               </div>
                                  <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                    <button class="edit_save_btn" type="submit" id="verifyotp">Verify OTP</button>
                                    </div>
                                    </div>
                          </div>
                      </div>
<!--                      new password-->
                              <div class="sty3">  
                           <div class="row">
                                 <div class="col-lg-6 col-md-6 col-sm-6">
                                    <div class="form-group">
                                     <input type="password" class="form-control" name="new_password"  id="new_password" required> 
                                        <label class="form-label">Enter Your New Password <span
                                        class="astrik text-danger">*</span></label>
                                    </div>
                                </div>
                                  <div class="col-lg-12 col-md-12 col-sm-12">
                                    <div class="form-group">
                                        <input type="hidden" name="action" id="action" value="reset">
                                    <button  class=" edit_save_btn" type="submit" id="new_pass">Submit</button>
                                    </div>
                                    </div>
                          </div>
                      </div>
               
                  </form>
                  
          

              </div>

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

      </div>
    </div>
  </section>
  <div class="clearfix"></div>

<?php $this->load->view("bottom"); ?>