<?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">Obtain Bonus</div>
        </div>
        
        <div class="right"> 
        
        
  </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>-->


    <form action="obtain_amount.php"  method="post" class="card-body" autocomplete="off">
      <div class="inner-addon left-addon">
      <i class="icon ion-md-wallet"></i>
        <input type="text" id="code" name="code" class="form-control"  placeholder="Please enter bonus code" required >
      </div>
            
            
           
           
    <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="Obtain">  
        </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>