<?php
ob_start();
session_start();
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php include'head.php' ?>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="">
<meta name="keywords" content="" />
<style>
.otpbtn {background-color:var(--background-color) !important;
    width: 105px;
    padding: 25px 0px;
    margin-left: -10px;
    margin-top: -1px;
    border-radius: 0px;
    border-radius: 33px !important;
    padding: 21px 0px;
}

.otbt{
        width: 100%;
    margin: 0 5px;
    
}

    .btn { background-color: var(--background-color) !important;
    border-radius: 5px 5px 5px 5px;
    border: 0.5px solid white;
    color: white;
    transition: 0.5s;
    
}

.form-control{
    height:41px;
    border-radius:41px;
}
 @media only screen and (max-width: 600px) {
  
  .otbt {
    width: 95%;
    margin: 0 9px;
}
  
}
    
</style>

</style>
</head>

<body>
<?php //include("include/connection.php");?>

<div data-v-432e6ed0="" class="home mian game">
    
    
<!-- App Header -->
<div class="appHeader1" >
<div class="left">
            <a href="#" onClick="goBack();" class="icon goBack">
                <i class="icon ion-md-arrow-back"></i>
            </a>
            <div class="pageTitle">Reset Password</div>
        </div>
 
 
</div>
<!-- * App Header --> 
<!-- App Capsule -->
<div id="appCapsule">
  <div class="appContent1 mb-2">

    <form action="password_update.php" method="post" style="padding: 25px;">
    
      <div class="inner-addon left-addon">
      <i class="icon ion-md-phone-portrait"><a style="font-size:16px; color:#1B2C42 !important;height:50px !important;">+91</a></i>
        <!--<input type="text" name="email" id="email" class="form-control" placeholder="Verification Code">-->
        <input type="number" name="mobile" id="mobile" class="form-control" placeholder="Mobile Number"  value="" maxlength="10" required>
     
      </div>
     
     <div class="inner-addon left-addon">
      <i class="icon ion-md-key"></i>
        <input type="password" name="oldpassword" id="oldpassword" class="form-control" placeholder=" Old Password" required>
      </div>
      
      <div class="inner-addon left-addon">
      <i class="icon ion-md-key"></i>
        <input type="password" name="password" id="password" class="form-control" placeholder=" New Password" required>
      </div>
      
      
      <div>
      <div class="text-center mt-3">
        <input type="submit" class="btn btn-light" id="submit"  style="width:264px; color:#fff; background-color:var(--background-color) !important;" value="Continue">
        </div>
      </div>
    </form>
  </div>
</div>
<!-- appCapsule -->
    
    
</div>



<?php include("include/footer.php");?>
<div id="registerthanksPopup" class="modal fade" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content ">
      <div class="modal-body">
        <div class="text-center">
          <h5>Thank you !</h5>
          <h6>Your account has been created successfully....</h6>
          <div class="text-center">
<button type="button" class="btn btn-sm btn-primary" onClick="window.location='';">OK</button></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="registertoast" class="modal fade" role="dialog">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content ">
      <div class="modal-body">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
       <span aria-hidden="true">×</span></button>
        <div class="text-center" id="regtoast">          
        </div>
      </div>
    </div>
  </div>
</div>
<div id="privacy" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
    <div class="modal-header">
    <h5 style="font-weight:normal;">Privacy Policy</h5>
              </div>
      <div class="modal-body responsive">
      <?php echo content($con,"privacy");?>

      </div>
      <div class="modal-footer">
    <a class="pull-left" data-dismiss="modal"><strong>CLOSE</strong></a>
              </div>
    </div>
  </div>
</div>
 <script>
     function myFunction()
        {
         var value = document.getElementById("mobile").value;  
        // alert(value);
         if((value!=null) && (value.length =='10'))
         {
         $.ajax({
                        url: 'number_forget.php',
                        method: 'POST',
                        data: {
                            value: value
                        },
                        success: function (data) {
                            //alert(data);
                          if(data >= 1)
                          {
                             //document.getElementById("submit").disabled = false;
                             document.getElementById("reg_otp").disabled = false;

                          }else{
                              
                           alert('mobile number not found') 
                             document.getElementById("submit").disabled = true;
                             document.getElementById("reg_otp").disabled = true;
                          }
                        }
                            });
         }else{
             alert('Please Enter Valid Number');
         }
        }
      </script>
      
      <script type="text/javascript">
  function checkFunction(val){
      
      var value= val;
      
       $.ajax({
                        url: 'otp_valied.php',
                        method: 'POST',
                        data: {
                            value: value
                        },
                        success: function (data) {
                          alert(data);
                          if(data == 'success')
                          {
                           document.getElementById("submit").disabled = false;   
                          }else{
                              document.getElementById("submit").disabled = true;  
                          }
                        }
                            });
      
}
    </script>
<!--<div id="otpform" class="modal fade" role="dialog">-->
<!--  <div class="modal-dialog modal-sm" role="document">-->
<!--    <div class="modal-content ">-->
<!--      <div class="modal-body">-->
<!--    <button type="button" id="otpclose" class="close" data-dismiss="modal" aria-label="Close">-->
<!--       <span aria-hidden="true">×</span></button>-->
<!--       <p><strong>Plese Enter OTP</strong></p>-->
<!--        <div class="pt-2">-->
<!--   <form action="#" method="post" id="otpsubmitForm">-->
<!--  <input type="text" id="otp" name="otp" class="form-control" placeholder="Enter OTP" onKeyPress="return isNumber(event)">-->
<!--      <input type="hidden" name="type" id="type" value="otpval">-->
<!--      <div class="text-center mt-3">-->
<!--        <button type="submit" class="btn btn-primary" style="width:264px;"> Submit OTP </button>-->
<!--        </div>-->
<!--        </form>          -->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--</div>-->
<script src="assets/js/lib/jquery-3.4.1.min.js"></script> 
<!-- Bootstrap--> 
<script src="assets/js/lib/popper.min.js"></script> 
<script src="assets/js/lib/bootstrap.min.js"></script> 
<!-- Owl Carousel --> 
<script src="assets/js/plugins/owl.carousel.min.js"></script> 
<!-- Main Js File --> 
<script src="assets/js/app.js"></script>
<script src="assets/js/jquery.validate.min.js"></script>
<script src="assets/js/account.js"></script>
</body>
</html>