<?php

ob_start();
session_start();

if($_SESSION['frontuserid'] == '')
{
    
    header("location:login.php");
}

include("config.php");
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<html>
    
    <?php include("head.php"); ?>
<!--<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="Brozers Mall">
<meta name="keywords" content="Brozers Mall" />
<style>
<body>



background:#333 !important;

</body>


h3{ font-weight:normal; font-size:14px;}


    .btn { background-image: linear-gradient(
#29B6F6, 
#29B6F6);
    border-radius: 5px 5px 5px 5px;
    border: 0.5px solid white;
    color: white;
    transition: 0.5s;
    
}

.amount_list{
    width: 100%;
    padding: 15px 10% 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.left-addon .icon {
    left: 5px;
    top: 0px;
}

.amount_list p {
    width: 11%;
    margin: 5px 5px;
    padding: 10px 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
    background: #f5f5f5;
    border: 0;
        border-radius: 6px;
}
.payment_box{
    width: 100%;
    padding-left: 4%;
    box-sizing: border-box;
}

.van-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.payment_box .van-radio {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
}
.van-radio__icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    height: 1em;
    font-size: 20px;
    line-height: 1em;
    cursor: pointer;
}
.payment_box .van-radio__icon--checked .van-icon {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
    width: 25px;
    display: inline-block;
}
.payment_box .van-radio__icon .van-icon {
    border: transparent;
    width: 25px;
    display: inline-block;
}
.van-radio__label {
        margin-left: 8px;
    color: #323233;
    margin-top: -23px;
}

.payment_text {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #757575;
}
.recharge_btn {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin: 12px 0 24px;*/
    margin-top:3% !important;
    margin-bottom:50px;
}

.recharge_btn button {
    background: #009688;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    border: 0;
    padding: 14px 0;
    text-align: center;
    width: 52%;
}
.btn-primary:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #333;
}


.appBottomMenu .item .ion-md-person{color:#d02cf9 !important;}
.appBottomMenu .item .toggleSidebar span{color:#d02cf9 !important;}

#appCapsule {
    padding: 12px;
}
.form-control{border-radius:33px;}
.text{font-size:13px;}
.left-addon input {
    padding-left: 62px;
    height: 41px;
}
@media only screen and (max-width: 600px) {
  
  .otbt {
    width: 95%;
    margin: 0 12px;
}
.amount_list p{width:29%;}
.recharge_btn{margin-top:4% !important;margin-bottom:0px;}
  
}
    

</style>
</head>

<body>



<!-- 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">Deposit</div>
        </div>
        
        <div class="right"> 
        
        <a href="rechargehistory.php"><i style="font-size:18px;" class="icon ion-md-list"></i></a>
  <!--<div class="dropdown">
  <a class="" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="font-size:25px;">
    <i class="icon ion-md-list"></i></a>
  

  <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
    <!--<a class="dropdown-item" href="promotionrecord.php">Promotion Record</a>->
    <a class="dropdown-item" href="bonusrecord.php">Bonus Record</a>
    <a class="dropdown-item" href="promotion_apply_record.php">Apply Record</a>
  </div>
</div>-->
  </div>
 
</div>
<!-- * App Header --> 
<!-- App Capsule -->
<div id="appCapsule">
  <div class="appContent1">
    <!--<h3 class="text-center m-2" style="color:red;">Any Problem? Contact </span></h3>
    <h3 class="text-center m-2"><span style="color:#29B6F6;">info@money.colorwingo.com</span></h3>-->
 <?php
			$userid = $_SESSION['frontuserid']; 		  
					  $sqlwallet = mysqli_query($com,"select * from wallet where userid ='$userid'");
					  $wallert_row = mysqli_fetch_array($sqlwallet);
					  $amount = $wallert_row['amount'];
					  
					  
					  $sqlrecharge = mysqli_query($com,"select * from paymentsetting where id ='1'");
					  $recharge_row = mysqli_fetch_array($sqlrecharge);
					  $recharge = $recharge_row['rechargeamount'];
					  
					  
					  ?>
<h2 style="font-weight:bold; font-size: 15px;" class="text-center m-2">Balance: <span>₹ <?php echo number_format($amount, 2); ?></span></h2>
    <form action="recharge_amount.php"  method="post" class="card-body" autocomplete="off">
      <div class="inner-addon left-addon">
      <i class="icon ion-md-wallet"></i>
        <input type="number" id="userammount" name="userammount" class="form-control" min="<?php echo $recharge; ?>" value="" placeholder="Enter recharge amount" required >
      </div>
            <div>
        <p style="color: red; font-size:11px;" ><strong>Note:</strong> <br>
        
                1.Minimmum Recharge = <?php echo $recharge; ?> Rs 
        <br>
        
        2. Recharge is available 24 hours a day and the recharge is instantly credited.
        <br>
<?php
      
      $sql="select* FROM `telegram` WHERE id='1'";
      $query=mysqli_query($com,$sql);
       $role=mysqli_fetch_array($query);
   ?>
  3. The recharge amount will be automatically credited. If it has not been credited, please contact the official customer service
      
      <a class="badge badge-danger" target = '_blank' href="<?php echo $role['telegram'];?>">Deposit Support</a>
        </p>
            </div>
            <div class="amount_list">
                
                <p class="" onclick="myfunction(500)">
                    ₹ <span data-v-d269120a="">500</span>
                  </p>
                  
                  <p class="" onclick="myfunction(1000)">
                  ₹ <span data-v-d269120a="">1000</span>
                  </p>
                  
                  <p class="" onclick="myfunction(2000)">
                  ₹ <span data-v-d269120a="">2000</span>
                  </p>
                  
                  <p class="" onclick="myfunction(5000)">
                  ₹ <span data-v-d269120a="">5000</span>
                  </p>
                  
                  <p class="" onclick="myfunction(10000)">
                  ₹ <span data-v-d269120a="">10000</span>
                  </p>
                  
                  <p class="" onclick="myfunction(49999)">
                  ₹ <span data-v-d269120a="">49999</span>
                  </p>
                
                
            </div>
           <script>
               function myfunction(val)
               {
                   
                  document.getElementById("userammount").value = val;
               }
           </script> 
           
           
    <div class="recharge_btn text-center ">
        <input type="submit" class="btn btn-primary" style="width:206px;color:#fff;background-color:var(--background-color) !important;background-image: none;" value="Deposit">  
        </div>
        
       
    </form>
  </div>
</div>
<script>
    

 function Check24(value){
      var val = value.checked;
     //console.log(val);
     if(val == true){
	$("#customCheck1").prop('disabled', false);
	$("#customCheck2").prop('disabled', true);
	$("#customCheck3").prop('disabled', true);
     }else{
    $("#customCheck1").prop('disabled', false);
	$("#customCheck2").prop('disabled', false);
	$("#customCheck3").prop('disabled', false);
     }
 };


 function Check25(value){
     var val = value.checked;
     //console.log(val);
     if(val == true){
	$("#customCheck1").prop('disabled', true);
	$("#customCheck2").prop('disabled', false);
	$("#customCheck3").prop('disabled', true);
     }else{
        $("#customCheck1").prop('disabled', false);
	$("#customCheck2").prop('disabled', false);
	$("#customCheck3").prop('disabled', false);
     }
};
 function Check26(value){
      var val = value.checked;
     //console.log(val);
     if(val == true){
	$("#customCheck1").prop('disabled', true);
	$("#customCheck2").prop('disabled', true);
	$("#customCheck3").prop('disabled', false);
     }else{
     $("#customCheck1").prop('disabled', false);
	$("#customCheck2").prop('disabled', false);
	$("#customCheck3").prop('disabled', false);
     }
 };


 
 


</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>
<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/payment.js.php"></script>

</body>
</html>