<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>充值中心</title>
    <script src="__JS__/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="__JS__/getRem.js"></script>
    <script src="__STATIC__/bg4_4.js"></script>
    <link rel="stylesheet" type="text/css" href="__CSS__/reset.css">
    <link rel="stylesheet" type="text/css" href="__CSS__/foot_tabbar.css">
    <link rel="stylesheet" type="text/css" href="__CSS__/recharge.css">
    <style>
        .pop-dialog {
            display: none;
            position: fixed;
            z-index: 1999;
            top: 0;
            left: 0;
            right: 0;
            text-align: center;
            width: 100vw;
            height: 100vh;
        }
        .pop-dialog span {
            background: rgba(0,0,0,.6);
            top: 50%;
            color: #FFF;
            display: inline-block;
            line-height: 2;
            position: relative;
            word-break: break-all;
            max-width: 2rem;
            font-size: 0.32rem;
            border-radius: 5px;
            display: block;
            margin: auto;
        }
    </style>
</head>
<body>
<div class="recharge">
    <div class="recharge-heard">
        <!-- 子页公共头部 -->
        <div class="subpage-heard">充值中心
            <a href="{:U('/User/index')}" class="arrows"></a>
        </div>
        <div class="recharge-tabbar">
            <li class="selected" name="currency" style="margin-left:0;">平台币充值</li>
            <!-- <li name="iscurrency">折扣充值</li> -->
        </div>
    </div>

    <div class="content">

        <div class="recharge-flat" style="">
            <form class="" id="form1" action="{:U('User/recharge')}" method="post">
            <div class="flat-box">
                <div class="flat-info">
                    <div>充值账户</div>
                    <input type="hidden" class="txt" name="account" value="{:session('suser_auth.account')}" readonly="readonly" placeholder="请输入充值账户">
                    <span>{:session('suser_auth.account')}</span>
                </div>
            </div>
            <div class="flat-box">
                <div class="flat-info">
                    <div>充值金额</div>
                    <input type="text" class="rcmoney1" name="pay_amount"  placeholder="请输入金额,最低金额1元" style="text-align:right;width: 2.88rem" oninput="this.value=this.value.replace(/[^0-9]+|^0|\d{9}/,'');">
                </div>
            </div>
            <div class="flat-box">
                <div class="flat-info">
                    <div>获得平台币</div>
                    <input type="text" class="rcplatform rcmoney1ptb" name="balance" readonly placeholder="" value="" style="text-align:right;">
                </div>
            </div>
                <div class="recharge-payment">
                    <div class="title">请选择支付方式</div>
                    <div class="alipay">
                        <div class="alipay_img">
                            <img src="__IMG__/zhifubaozhifu.png" alt="">
                            <div class="img_text">
                                <div>支付宝支付</div>
                                <div>推荐支付宝用户使用</div>
                            </div>
                        </div>

                        <div class="radio_select">
                            <input id="zhifubao" name="way" type="radio" value="1" checked>
                            <label for="zhifubao" class="radio-label"></label>
                        </div>

                    </div>
                    <div class="alipay" id="ch_weixin">
                        <div class="alipay_img">
                            <img src="__IMG__/weixin.png" alt="">
                            <div class="img_text">
                                <div>微信支付</div>
                                <div>推荐微信用户使用</div>
                            </div>
                        </div>
                        <div class="radio_select">
                            <input id="weixin" name="way" type="radio" value="2" >
                            <label for="weixin" class="radio-label"></label>
                        </div>
                    </div>
                </div>
                <div style="text-align: center;">
                    <input type="hidden" name="spendType" value="1">
                    <div class="payment_btn" style="margin-left: 1rem;">
                        确认支付</div>
                </div>
            </form>
        </div>
        <!-- <div class="recharge-discount" style="display: none;">
            <form class="" id="form2" action="{:U('User/recharge')}" method="post">
            <div class="flat-box">
                <div class="flat-info">
                    <div>充值账户</div>
                    <input type="hidden" class="txt" name="account" value="{:session('suser_auth.account')}" readonly="readonly" placeholder="请输入充值账户" >
                    <span>{:session('suser_auth.account')}</span>
                </div>
            </div>
            <div class="flat-box">
                <div class="flat-info">
                    <div>选择游戏</div>
                    <select name="game_id" id="game_id">
                        <option value="">请选择游戏</option>
                        <volist name="gameList" id="vo">
                        <option value="{$vo.id}" data-radio="{$vo.bind_recharge_discount}">{$vo.game_name}</option>
                        </volist>
                    </select>
                </div>
            </div>
            <div class="flat-box">
                <div class="flat-info">
                    <div>充值金额</div>
                    <input type="text" class="txt rcmoney" id="pay_amount" name="pay_amount" placeholder="请输入金额,最低金额1元" style="width:2.88rem;text-align:right;" oninput="this.value=this.value.replace(/[^0-9]+|^0|\d{9}/,'');">
                </div>
            </div>
            <div class="flat-box">
                <div class="flat-info">
                    <div>折扣比例</div>
                    <input type="text" class="txt discount" value="" readonly style="color: #FE9C22;text-align:right;">

                    <input class="rcratio" name="ratio" type="hidden" value="" style="text-align:right;">
                </div>
            </div>
            <div class="flat-box">
                <div class="flat-info">
                    <div>实付金额</div>
                    <input type="text" class="txt rcmoney2bb realmoney" name="realmoney" readonly style="text-align:right;">
                </div>
            </div>
            <div class="flat-box">
                <div class="flat-info">
                    <div>获得绑币</div>
                    <input type="text" class="txt rcplatform" name="rcplatform" readonly style="text-align:right;">
                </div>
            </div>
                <div class="recharge-payment">
                    <div class="title">请选择支付方式</div>
                    <div class="alipay bindway">
                        <div class="alipay_img">
                            <img src="__IMG__/zhifubaozhifu.png" alt="">
                            <div class="img_text">
                                <div>支付宝支付</div>
                                <div>推荐支付宝用户使用</div>
                            </div>
                        </div>

                        <div class="radio_select">
                            <input id="zhifubao1" name="way1" type="radio" value="1" checked>
                            <label for="zhifubao1" class="radio-label"></label>
                        </div>

                    </div>
                    <div class="alipay bindway" id="ch_weixin1">
                        <div class="alipay_img">
                            <img src="__IMG__/weixin.png" alt="">
                            <div class="img_text">
                                <div>微信支付</div>
                                <div>推荐微信用户使用</div>
                            </div>
                        </div>
                        <div class="radio_select">
                            <input id="weixin1" name="way1" type="radio" value="2" >
                            <label for="weixin1" class="radio-label"></label>
                        </div>
                    </div>
                </div>
                <div style="text-align: center;">
                    <input type="hidden" name="spendType" value="1">
                    <div class="payment_btn" style="margin-left: 1rem;">
                        确认支付</div>
                </div>
            </form>
        </div>
    </div> -->




</div>
<div class="popmsg pop-dialog"></div>
</body>
<script type="text/javascript" src="__JS__/recharge.js"></script>
<script src="__JS__/pop.lwx.min.js"></script>
<script>
    $(function() {
        var popmsg = $('.popmsg').pop();
        if (isWeiXin() || !is_mobile()) {
            $('#ch_weixin').hide();
            $("#recharge_weixin").hide();
        }
        if(isWeiXin()){
            popmsg.msg('请点击右上角按钮,选择在浏览器中打开去充值');
            // alert('请点击右上角按钮,选择在浏览器中打开去充值');
        }
        $('.jstab .btn').click(function() {
            var that = $(this),parent = that.closest('.jstab'),sib=parent.siblings('.jslist');
            parent.find('.btn').removeClass('active');
            var index = that.addClass('active').closest('li').index();
            sib.find('.t-tabpan').eq(index).addClass('active').siblings().removeClass('active');
            return false;
        });
         //点击父标签切换radio
        $(".alipay").click(function(){
            $(this).children(".radio_select").children("input").prop("checked", true);
        })
        //阻止事件冒泡
        $(".radio_select").click(function(){
        event.stopPropagation();
        })
        $('.jssbtn').click(function() {
            var that = $(this);
            if (that.hasClass('on')) {
                that.removeClass('on');
            } else {
                that.closest('.table').find('.jssbtn').removeClass('on');
                that.addClass('on');
            }
        });
        $('#game_id').change(function() {
            var that    = $(this),cur = that.find('option:selected');
            var ratio   = cur.attr('data-radio');
            var parent  = that.closest('.recharge-discount');
            var rr      = parent.find('.rcratio');
            var sib     = rr.siblings('input');
            var rm      = parent.find('.realmoney');
            var rc      = parent.find('.rcmoney').val();
            rr.val('');sib.val('');
            if (ratio !='0.00' && ratio != '') {
                rr.val(ratio);
                if (ratio) {
                    sib.val(ratio+'折');
                }

                if (rc) {
                    if (!ratio) {
                        ratio = 10;
                    }
                    var rmnum = Math.floor(ratio*100 * rc/10)/100;
                    rm.val(rmnum);
                }
            } else {
                sib.val(10+'折');
                rr.val(10);
                rm.val(rc);
            }
        });
        $('.rcmoney').keyup(function() {
            var that = $(this),val = $.trim(that.val()),parent=that.closest('.recharge-discount'),pf=parent.find('.rcplatform');
            var rm = parent.find('.realmoney');
            if(val == ""){$(".rcmoney2bb").val(0);$(".rcplatform").val(0);return true;}
            if (val) {
                if (val>0 && /^(0|[1-9][0-9]*)$/.test(val)) {
                    pf.val(val);
                    if (rm) {
                        var ratio = $.trim(parent.find('.rcratio').val()) || 10;
                        var rmnum = Math.floor(ratio*100 * val/10)/100;
                        rm.val(rmnum);
                    }
                } else {
                    popmsg.msg('请输入非零开头的正整数');that.val('').focus();
                    pf.val('');if(rm) {rm.val('');}
                }
            } else {
                popmsg.msg('请输入充值金额');that.val('').focus();
                pf.val('');if(rm) {rm.val('');}
            }
        });
        $('.rcmoney1').keyup(function() {            
            var that = $(this),val = $.trim(that.val()),parent=that.closest('.recharge-flat'),pf=parent.find('.rcplatform');
            var rm = parent.find('.realmoney');
            if(val == ""){$(".rcmoney1ptb").val(0);return true;}
            if (val) {
                if (val>0 && /^(0|[1-9][0-9]*)$/.test(val)) {
                    pf.val(val);
                    if (rm) {
                        var ratio = $.trim(parent.find('.rcratio').val()) || 10;
                        var rmnum = Math.floor(ratio*100 * val/10)/100;
                        rm.val(rmnum);
                    }
                } else {
                    popmsg.msg('请输入非零开头的正整数');that.val('').focus();
                    pf.val('');if(rm) {rm.val('');}
                }
            } else {
                popmsg.msg('请输入充值金额');that.val('').focus();
                pf.val('');if(rm) {rm.val('');}
            }
        });

        function isWeiXin(){
            var ua = window.navigator.userAgent.toLowerCase();
            if(ua.match(/MicroMessenger/i) == 'micromessenger'){
                return true;
            }else{
                return false;
            }
        }

        function is_mobile() {
            var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i;
            var u = navigator.userAgent;
            if (null == u) {
                return true;
            }
            var result = regex_match.exec(u);
            if (null == result) {
                return false
            } else {
                return true
            }
        }

        function validation(obj){
           /* var account = obj.find('input[name="account"]').val();*/
            var game_id = obj.find('select option:selected').val();
            var pay_amount = obj.find('input[name="pay_amount"]').val();
           /* if($.trim(account) == ''){
                //popmsg.msg('请输入充值账号');
                alert("请输入充值账号");
                return false;
            }*/
            if(obj.attr('id') == 'form2' && $.trim(game_id) == ''){
                //popmsg.msg('请选择充值游戏');
                popmsg.msg("请选择充值游戏");
                return false;
            }
            if($.trim(pay_amount) == ''){
                popmsg.msg("请输入充值金额");
                //popmsg.msg('请输入充值金额');
                return false;
            }
            return true;
        }
        $('.payment_btn').click(function(){
            var than = $(this),form = than.closest('form');
            if(than.hasClass('disabled')) {
                return false;
            }
            than.addClass('disabled');
            if($("#form1 .on").val()==8){
                $("#form1").attr("action","{:U('pay/goldpig')}");
                if(validation($("#form1"))){
                    $("#form1").submit();
                }else{
                    than.removeClass('disabled');
                }
                return false;
            }
            if($("#form2 .on").val()==8){
                $("#form2").attr("action","{:U('pay/goldpig')}");
                if(validation($("#form2"))){
                    $("#form2").submit();
                }else{
                    than.removeClass('disabled');
                }
                return false;
            }
            if(validation(form)){
                console.log(form.serialize())
                $.ajax({
                    url:form.attr('active'),
                    type:"post",
                    dataType:"json",
                    data:form.serialize(),
                    success:function(result){
                        than.removeClass('disabled');
                        if(result.status == 1){
                            window.location.href = result.url;
                        }else{
                            popmsg.msg(result.info);
                        }
                    },
                    error:function(res){
                        console.log(res)
                        popmsg.msg("服务端异常");
                    }
                })
            }else{
                than.removeClass('disabled');
            }
            return false;
        })
    });

</script>
</html>