<?php
ob_start();
session_start();
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<html>
    
    <title>MONEY COLOR</title>
<!--<title>Mantrimall</title>-->
<link rel="shortcut icon" type="image/png" href="assets/img/image/mylogo.png"/>


</html><link rel="stylesheet" href="assets/css/style.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;
    
}

 body{
       background-image: url(assets/img/login_bg.fdbcb178.png);
    background-repeat: no-repeat;
    background-size: cover;

    }

    .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) {
  #appCapsule{    padding: 90px 0;}
  .otbt {
    width: 95%;
    margin: 0 9px;
}
  
}
    
</style>

</style>
</head>

<body>


<!-- App Header -->
<div class="appHeader1" style="background-color:var(--background-color) !important;">
<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 method="post" action="reset.php" style="    margin: 130px 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="row ">-->
    <!--<div class="col-9">-->
    <!--  <div class="inner-addon left-addon">-->
    <!--  <i class="icon ion-md-albums"></i>-->
    <!--    <input type="text" name="otp" id="login_otp" class="form-control" onchange="checkFunction(this.value)" placeholder="Verification Code" required>-->
    <!--  </div>-->
    <!--  </div>-->
      
    <!--  <div class="col-3 pl-0">-->
    <!--      <a href="javascript:void(0);" style="color:#fff;" class="btn btn-block btn-light otpbtn otbt" style="" id="reg_otp" onclick="myFunction()">Send OTP</a>-->
    <!--      </div>-->
    <!--  </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="hidden" name="sssotp" id ="sssotp" value=""  required>
        <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 -->
<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) {
                          if(data == 0)
                          {
                             alert('mobile number not found') 
                             
                             

                          }else{
                              
                              var sssotp = document.getElementById("sssotp").value = data ; 
                              
                              
                               var timeleft = 120;
                        var downloadTimer = setInterval(function(){
                         timeleft--;
                       document.getElementById("reg_otp").textContent = 'Wait'+' '+ timeleft +' '+'s';
                       
                       if(timeleft >= 0)
                       {
                          document.getElementById("reg_otp").disabled = true; 
                       }
                       if(timeleft <= 0)
                       {
                       clearInterval(downloadTimer);
                       document.getElementById("reg_otp").disabled = false; 
                       }
                         },1000);
                          }
                        }
                            });
         }else{
             alert('Please Enter Valid Number');
         }
        }
      </script>
      
      <script type="text/javascript">
         function checkFunction(val){
      
                       var value= val;
                       var otp = document.getElementById("sssotp").value; 
                       
                         $.ajax({
                        url: 'otp_valied.php',
                        method: 'POST',
                        data: {
                            value: value,
                            otp: otp
                        },
                        success: function (data) {
                          alert(data);
                          
                        }
                            });
      
}
    </script>
               
<div class="appBottomMenu">
  <div class="item "> <a href="index.php">
    <p> <i class="icon ion-md-home"></i> <span>Home</span> </p>
    </a> </div>
 
       <div class="item "> <a href="promotion.php">
    <p><i class="icon ion-md-grid"></i> <span>Team</span> </p>
    </a> </div>
    
    <div class="item active"> <a href="myaccount.php" class="icon toggleSidebar">
    <p> <i class="icon ion-md-person"></i> <span>My </span> </p>
    </a> </div>
    </div>
    
    
    <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">
      <p><span style="color:#e74c3c"><strong><span style="font-size:200%">★This website hacked by Developer Bhavesh★ Message me on telegram to fix Bug:- @B_U_G_H_U_N_T_E_R</span></strong></span></p>

      </div>
      <div class="modal-footer">
    <a class="pull-left" data-dismiss="modal"><strong>CLOSE</strong></a>
              </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>