<?php
require_once __DIR__ . '/bin/init.php';
require_once INCLUDE_PATH . '/function.php';
require_once INCLUDE_PATH . '/mysql.php';
require_once INCLUDE_PATH . '/cookie.class.php';

$game_id = I('gid',0,'intval');
if($game_id < 1) lyg::jump('./cindex.php');
$game = $con->find('select * from #__game where id=' . $game_id);
if(!$game) lyg::say('Error');

$order_type = I('type',1,'intval');//1:真实充值、2:模拟充值

//充值商品
$productArr = $con->select('select * from #__game_product where game_id=' . $game_id);
if(empty($productArr)) lyg::say('系统错误，请联系管理员,通常该错误是由于您未配置充值商品造成的!');

$__money_tpl = [];
for($i=0;$i<count($productArr);$i++){
	$reward = $con->select('select * from #__recharge_reward where product_id=' . $productArr[$i]['id']);
	$productArr[$i]['reward'] = $reward;
	$__money_tpl['product' . $productArr[$i]['id']] = explode(',',$productArr[$i]['money_tpl']);
}

//商家的支付配置
$payconfig = $con->select('select * from #__member_payconfig where member_id=' . $game['member_id'] . ' and enable=1');
if(!$payconfig) lyg::say('未知支付渠道,也许您未配置!');
//检查配置是否正确
$tmp = [];
foreach($payconfig as $v){
    if(array_key_exists($v['paytype'],$c_payment_list) && 
        in_array($v['payment'],$c_payment_list[$v['paytype']]['payment'])
        ){
        $tmp[] = $v;
    }
}
$payconfig = $tmp;
if(empty($payconfig)) lyg::say('未知支付渠道,也许您未配置!');
$paytypeNameList = array_column($payconfig,'paytype');

//推广者
$aid = I('aid',0,'intval');
if($aid > 0){
    $cookieHelper = Sevstudio\Cookie::getInstance();
    $cookieHelper->set('aid',$aid,['expire'=>time()+172800,'path'=>'/']);
}

?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title><?php echo $game['game'];?>充值中心</title>
<link rel="stylesheet" type="text/css" href="static/css/amazeui.min.css" />
<link rel="stylesheet" type="text/css" href="static/css/main.css" />
<script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<style>
.tr_rechhead>p{ display: -webkit-box }  
.tr_rechhead>p input[name=account]{ border: 2px solid #CCCCCC; border-radius: 4px; }

.pay{ width:100%; max-width:800px; }
.qx,.niuniu{ display:inline; }
.game-user{ position:relative; }
.game-user-main{ overflow:hidden; margin-right:200px;  }
.game-user-error{ position:absolute; right:0; top:0px; width:180px; display: flex;align-items: center; height: 46px;}
.game-user-head{  float:left; padding-right:10px; }
.game-user-head img{ width:46px; height:46px; border-radius:50%;}
.game-user-title{ float:left; display:flex; height:46px; align-items:center; }
.game-user-input{ margin-left:120px; margin-top:4px; }

@media screen and (max-width: 700px) {
	.pay{ margin-top:0; }
	.game-user-title{ display:none; }
	.game-user-main{ margin-right:0; }
	.game-user-input{ margin-left:56px; }
	.game-user-error{ position:relative; clear:both; margin-top:4px; width:auto; }
	.tr_rechcho img{ height:40px; }
	.niuniu{ display:block; }
	.niuniu span{ margin-left:0; }
}

</style>

</head>
<body>
<div class="pay" style="border-radius: 5px;">
	<!--主内容开始编辑-->
	<div class="tr_recharge">
		<div class="tr_rechtext" style="background-color:#15c377;border-radius: 5px;text-align:center;">
			<p class="te_retit"><!--img src="static/picture/coin.png" alt="" /--><?php echo $game['game'];?>充值中心</p>
			
			<!--p>游戏充值中心，请输入您的游戏账号。</p-->
			
			<!--
			<?php foreach($productArr as $v){
				echo "<p style='color:yellow'>充值{$v['product']}</p><p>游戏充值比例为1：{$v['scale']}，即1元={$v['scale']}{$v['product']}，且只能使用付款方式来进行充值，游戏一元起充。</p>";
				foreach((array)$v['reward'] as $y){
					echo "<p>{$y['desc']}</p>";
				}
			}?>
			--充值比例等介绍
			-->
			<div data-desc='游戏公告'>
			    <?php echo htmlspecialchars_decode($game['notice']); ?>
			</div>
			
		</div>
		<form action="api.php" class="am-form" id="doc-vld-msg" method="post" onsubmit="return ckform();">
			<div class="tr_rechbox">
				<input type='hidden' name='gid' value="<?php echo $game_id; ?>">
				<input type='hidden' name='type' value="<?php echo $order_type; ?>">
                <div class="tr_rechhead am-form-group" style="border-radius: 5px;background-color:#15c377;text-align:center;">
                	<!--
					<img src="static/picture/ys_head2.jpg" />
                    <p style="display: -webkit-box">
                      游戏账号：
                    <input type="text" id="user"  name="user" autocomplete='off' required="required" /><a href="#" class="error_user" style="text-decoration: none;color: #959595;">请输入兑换帐号</a>
					</p>
					-->
					
					<div class='game-user'>
						<div class='game-user-main'>
							<div class='game-user-head'><img src="static/picture/ys_head2.jpg"></div>
							<div class='game-user-title'>账号：</div>
							<div class='game-user-input'><input type="text" id="user" name="user" autocomplete="off" required="required" class="am-field-valid"></div>
						</div>
						<div class='game-user-error'><a href="#" class="error_user" style="text-decoration: none;color: #FF0000;">请输入兑换帐号</a></div>
					</div>
					
					
				</div>
                <style>
                .money_tpl{ overflow:hidden; display:inline-block; margin:0; vertical-align: middle;}
                .money_tpl dd{ list-style:none; border:1px solid #d7d7d7; color:#333; line-height:1em; padding:10px 15px; float:left; margin:5px 20px 5px 0; border-radius:3px; text-align:center; user-select:none; cursor:default; }
                .money_tpl dd.active{ color:#27b0d6; border-color:#27b0d6; background-color:#54FF9F; }
                </style>
				<div class="tr_rechli am-form-group" style="margin-bottom:30px;">
                    <span style='display:inline-block;width:60px;'>充值金额：</span>
                    <?php if($game['money_tpl_open'] != YESNO_YES ){ ?>
					<ul class="ui-choose am-form-group" id="uc_01">
                        <input id="tMoney"  onKeyUp="onlyIntegerKeyUp(event)"  class="othbox"  name="amount" type="text" maxlength="18" size="50"  required="required" autocomplete='off' />
					</ul>
                    <?php } else { 
                        echo "<input type='hidden' name='amount' value='0'>";
                        echo "<dl class='ul.ui-choose money_tpl' id='money_tpl'>";
                        echo "</dl>";
                    } ?>
				</div>
                <br/>
				<div class="tr_rechli am-form-group" style="margin-bottom:30px;">
                    <span style='display:inline-block;width:60px;'>联系QQ：</span>
					<ul class="ui-choose am-form-group">
                        <input id="user_qq" name="user_qq" type="text" maxlength="18" size="50"  required="required" autocomplete='off' />
					</ul>
				</div>
                <br/>
                <div class="tr_rechcho am-form-group">
					<span>充值类型：</span>
					<?php foreach($productArr as $v){ ?>
					<label class="am-radio" style="line-height:50px;">
                        <input type="radio" name="product" value="<?php echo $v['id'];?>" data-title="<?php echo $v['product'];?>" data-am-ucheck required data-validation-message="<?php echo $v['product'];?>"> <?php echo $v['product'];?>
                    </label>
					<?php } ?>
				</div>
                <div class="clear"></div>
				<div class="tr_rechcho am-form-group" style="width:98%;">
					<span>充值方式：</span>
					<?php if(in_array('alipay',$paytypeNameList)){ ?>
                    <label class="am-radio" style="margin-right:30px;width:24%;padding-left:16px;">
                        <input type="radio" name="paytype"  value="alipay" checked data-am-ucheck data-validation-message="请选择一种充值方式"><img src="static/picture/zfbpay.png">
                    </label>
					<?php }  if(in_array('wepay',$paytypeNameList)){ ?>
					<label class="am-radio" style="margin-right:30px;width:24%;margin-left:0px;padding-left:16px;">
                        <input type="radio" name="paytype" value="wepay"  data-am-ucheck required data-validation-message="请选择一种充值方式"><img src="static/picture/wechatpay.png">
                    </label>
					<?php }  if(in_array('qqpay',$paytypeNameList)){ ?>
                  	<label class="am-radio" style="margin-right:30px;width:24%;margin-left:0px;padding-left:16px;">
                        <input type="radio" name="paytype" value="qqpay"  data-am-ucheck required data-validation-message="请选择一种充值方式"><img src="static/picture/qqpay.jpg">
                    </label>
					<?php } ?>
				</div>
				<!--div class="tr_rechnum" style="border-radius: 5px;background-color:#33cabb;text-align:center;">
					<span style="color:#ec5a5b;font-size:20px;">应付金额：</span>
					<p type="text"  class="rechnum"  value="0元" ></p>
				</div-->
			</div>
			<div class="tr_paybox" style="border-radius: 15px;text-align:center;">
				<a href="#" class="error_u" style="text-decoration: none;color: #33cabb;text-align:center;"></a>
			
			</div>
		</form>
	</div>
</div>


<script type="text/javascript" src="static/js/jquery.min.js"></script>
<script type="text/javascript" src="static/js/amazeui.min.js"></script>
<script type="text/javascript" src="static/js/ui-choose.js"></script>
<script type="text/javascript">
var G_ID = <?php echo $game_id; ?>; //游戏ID
var NEED_CHECK_USER = <?php echo $game['checkuser'] == 1 ? 'true' : 'false'; ?>; //是否检测游戏账号
var G_MONEY_TPL_OPEN = <?php echo $game['money_tpl_open'] == YESNO_YES ? 'true' : 'false';?>;
var G_MONEY_TPL = <?php echo json_encode($__money_tpl);?>;

// 将所有.ui-choose实例化
$('.ui-choose').ui_choose();

	$(function() {
	
		$('#doc-vld-msg').validator({
			onValid: function(validity) {
				$(validity.field).closest('.am-form-group').find('.am-alert').hide();
			},
			onInValid: function(validity) {
				var $field = $(validity.field);
				var $group = $field.closest('.am-form-group');
				var $alert = $group.find('.am-alert');
				// 使用自定义的提示信息 或 插件内置的提示信息
				var msg = $field.data('validationMessage') || this.getValidationMessage(validity);

				if(!$alert.length) {
					$alert = $('<div class="am-alert am-alert-danger"></div>').hide().
					appendTo($group);
				}
				$alert.html(msg).show();
			}
		});
		
		if($("[name='paycode']").length > 0){
			$("[name='paycode']").eq(0).click();
		}
		
		//输入金额模式，更新金额
		//$("input[name='amount']").;
	});
	
		jQuery(document).ready(function($){ 
		    try{
		    	jQuery("[name='user']").on('blur',function () {
					if(!NEED_CHECK_USER){
						USER_CHECK_SUCCESS = true;
						let tips = rechargeTips();
			        	jQuery(".error_u").html(tips);
						return;
					}
		    		jQuery.ajax({
			        	url : 'checkuser.php',
			        	data : {gid : G_ID,user:jQuery("[name='user']").val()},
						dataType : 'json',
						type : 'post',
			        	success : function (data) {
			        		if (data.code != '0') {
			        			jQuery(".error_user").html('<img  src="/static/images/X.png" />用户不存在');
			        			jQuery(".error_u").html('');
			        		}else{
								USER_CHECK_SUCCESS = true;
			        			jQuery(".error_user").html('<img  src="/static/images/Y.png" />用户名正确，可以充值');
								let tips = rechargeTips();
			        			jQuery(".error_u").html(tips);
			        		}
			        	},error : function(){
							USER_CHECK_SUCCESS = false;
						}
			        });
		    	});
		    }catch(e){}
			
			//选择商品
			$("[name='product']").click(function(){
			    let product_id = $(this).val();
			    if(typeof G_MONEY_TPL['product'+product_id] == 'undefined'){
			        alert('系统错误');
			        return;
			    }
			    let money_tpl = G_MONEY_TPL['product'+product_id];
			    let html = [];
			    for(let i in money_tpl){
			        html.push("<dd data-money='"+money_tpl[i]+"'>"+money_tpl[i]+"</dd>");
			    }
			    $('#money_tpl').html(html.join(''));
			    __bindMoneyTplClick();
			    $('#money_tpl').find('dd').eq(0).click();
			    
				let tips = rechargeTips();
				jQuery(".error_u").html(tips);
			});
			
			//选中第一个产品
			if( $("[name='product']").length > 0){
			    $("[name='product']").eq(0).click();
			}
		});
		
function __bindMoneyTplClick(){
    $('#money_tpl').find('dd').each(function(){
        $(this).unbind('click');
        $(this).bind('click',function(){
            let money  = $(this).data('money');
            $("[name='amount']").val(money);
            $('.rechnum').html(money + "元");
            $(this).addClass('active').siblings().removeClass('active');
        });
    });
}
//表单提交
function ckform(){
	if($("[name='user_qq']").val() == ''){
		alert('请输入联系QQ');
		return false;
	}
	return true;
}
</script>
<script type="text/javascript">
var USER_CHECK_SUCCESS = false;
function rechargeTips(){
	if($("[name='product']:checked").length < 1){ return '<span>请选择充值类型</span>'; }
	let product = $("[name='product']:checked").data('title');
	if(USER_CHECK_SUCCESS)
		return '<input type="submit" value="确认支付" class="tr_pay am-btn" />	<div class="niuniu"><br><span>温馨提示：成功充值后系统会自动将'+ product +'充值到您的账户中。</span></div>';
	else
		return '<div class="niuniu"><span>温馨提示：成功充值后系统会自动将'+ product +'充值到您的账户中。</span></div>';
}
/*
 * 只能输入正整数,不能有小数点
 * 
 */
onlyIntegerKeyUp=function(e){
	if(e===undefined){
		e=window.event;
	}
	var obj=e.srcElement?e.srcElement:e.target;
	var pattern = /[^\d]/ig;
	var val=obj.value;
	if(pattern.test(val)) {
		var i=getCursortPosition(e);
		obj.value=val.replace(pattern,'');
		setCaretPosition(e,i);
		console.log(val);
	}else{
	    val = val == '' ? '0' : val;
	    $(".rechnum").html(val+'元');
	}
};

getCursortPosition=function(event) {// 获取光标位置函数
	if (event === undefined || event === null) {
		event = arguments.callee.caller.arguments[0] || window.event;
	}
	var obj = event.srcElement?event.srcElement:event.target;
	var CaretPos = 0;	// IE Support
	if (document.selection) {
		obj.focus ();
		var Sel = document.selection.createRange ();
		Sel.moveStart ('character', -obj.value.length);
		CaretPos = Sel.text.length;
	} else if (obj.selectionStart || obj.selectionStart == '0'){
		// Firefox support
		CaretPos = obj.selectionStart;
	}

	return (CaretPos);
};

setCaretPosition=function(event, pos){// 设置光标位置函数
	if (event === undefined || event === null) {
		event = arguments.callee.caller.arguments[0] || window.event;
	}
	var obj = event.srcElement?event.srcElement:event.target;
	if (pos > 0) {
		pos = pos - 1;//因为把不匹配的字符删除之后,光标会往后移动一个位置
	}
	if(obj.setSelectionRange){
		obj.focus();
		obj.setSelectionRange(pos,pos);
	} else if (obj.createTextRange) {
		var range = obj.createTextRange();
		range.collapse(true);
		range.moveEnd('character', pos);
		range.moveStart('character', pos);
		range.select();
	}
};
/*
 * 只能输入数字和字母
 * 
 */
onlyNumAndAlphKeyUp=function(event){
	if(event===undefined){
		event=window.event;
	}
	var obj=event.srcElement?event.srcElement:event.target;
	var pattern = /[^\w]/ig;
	if(pattern.test(obj.value)) {
		var i=getCursortPosition(event);
		obj.value=obj.value.replace(pattern,'');
		setCaretPosition(event,i);
	}
};
$(function(){
    $("[name='user_qq']").on('input propertychange afterpaste',function(){
        let v = this.value.replace(/[^0-9]/g,'');
        this.value = v == '' ? '' : v;
    });
});
</script>

</body>
</html>