<extend name="Public/bases" />

<block name="body" >

<link href="__CSS__/open.css" rel="stylesheet" >
<!--<style>
@media screen and (min-width: 768px) {
  .t-table .platform .btnbox.recharge-part{
    padding-bottom: 18rem;
  }
}
</style>-->


<body>

    <header class="header">

      <div class="">

        <a <if condition='$_SERVER["HTTP_REFERER"]'>href="{:$_SERVER["HTTP_REFERER"]}"<else/> href="{:U('User/index')}"</if> class="hbtn back"><i class="iconfont icon-drop-left"></i></a>

        <h1 class="caption">账户充值</h1>

      </div>

    </header>

    <div class="occupy"></div>

    <section class="trunker" style="margin-bottom: 0;">

      <section class="container">

        <ul class="t-tab jstab recharge-tab clearfix">

          <li><a href="" class="btn active">平台币充值</a></li>

          <li><a href="" class="btn">折扣充值</a></li>

        </ul>

        <div class="t-table recharge-table jslist">

          <div class="t-tabpan active">

            <form class="platform" id="form1" action="{:U('User/recharge')}" method="post">

              <div class="recharge-part">

              <ul class="table info jsinfo">

                <li class="table-row">

                  <span class="table-cell">充值账户</span>

                  <span class="table-cell">

                    <input type="text" class="txt" name="account" value="{:session('suser_auth.account')}" readonly="readonly" placeholder="请输入充值账户">

                  </span>

                </li>

                <li class="table-row">

                  <span class="table-cell">充值金额</span>

                  <span class="table-cell">

                    <input type="text" class="txt rcmoney" name="pay_amount" value="" placeholder="最低充值金额1元">

                  </span>

                </li>

                <li class="table-row">

                  <span class="table-cell">获得平台币</span><span class="table-cell">

                    <input type="text" class="txt rcplatform" name="balance" readonly placeholder="">

                  </span>

                </li>

              </ul>

              </div>

              <div class="recharge-part">

              <ul class="table way">

                <li class="table-caption">

                  <span class="table">

                    <span class="tcell">

                      <span class="font">请选择支付方式</span>

                    </span>

                  </span>

                </li>

                <li class="table-row">

                  <span class="table-cell">

                    <i class="iconfont icon-alipay"></i>

                    <span class="text">

                      <span>支付宝</span>

                      <span>支付宝安全支付</span>

                    </span>

                  </span>

                  <span class="table-cell">

                    <label class="input-radio">

                      <input type="radio" class="radio on jssbtn" name="way" checked value="1">

                      <i class="iconfont icon-yes"></i>

                    </label>

                  </span>

                </li>

                <li class="table-row" id="weixin">

                  <span class="table-cell">

                    <i class="iconfont icon-weixin"></i>

                    <span class="text">

                      <span>微信支付</span>

                      <span>支持微信4.2以上版本支付</span>

                    </span>

                  </span>

                  <span class="table-cell">

                    <label class="input-radio">

                      <input type="radio" class="radio jssbtn" name="way" value="2">

                      <i class="iconfont icon-yes"></i>

                    </label>

                  </span>

                </li>

                <if condition="get_tool_status('goldpig') eq 2">

                  <li class="table-row">

                    <span class="table-cell">

                      <i class="iconfont goldpig"></i>

                      <span class="text">

                        <span>金猪支付</span>

                        <span>支持多种支付</span>

                      </span>

                    </span>

                    <span class="table-cell">

                      <label class="input-radio">

                        <input type="radio" class="radio jssbtn" name="way" value="8">

                        <i class="iconfont icon-yes"></i>

                      </label>

                    </span>

                  </li>

                </if>

              </ul>

              </div>

              <div class="btnbox recharge-part recharge-table-btnbox">

                <input type="submit" class="btn jssubmit" value="确认支付">

              </div>

              <input type="hidden" name="spendType" value="1">

            </form>

          </div>

          <div class="t-tabpan">

            <form id="form2" class="abatement" action="{:U('User/recharge')}" method="post">

              <div class="recharge-part">

              <ul class="table info jsinfo">

                <li class="table-row">

                  <span class="table-cell">充值账户</span>

                  <span class="table-cell">

                    <input type="text" class="txt" id="account" name="account" placeholder="请输入充值账户" readonly="readonly" value="{:session('suser_auth.account')}">

                  </span>

                </li>

                <li class="table-row">

                  <span class="table-cell">选择游戏</span>

                  <span class="table-cell">

                    <div class="input-select">

                      <select id="game_id" name="game_id" class="txt select" style="width:100%;">

                        <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>

                  </span>

                </li>

                <li class="table-row">

                  <span class="table-cell">充值金额</span>

                  <span class="table-cell">

                    <input type="text" class="txt rcmoney" id="pay_amount" name="pay_amount" placeholder="最低充值金额1元">

                  </span>

                </li>

                <li class="table-row">

                  <span class="table-cell">折扣比例</span>

                  <span class="table-cell">

                    <input type="text" class="txt discount" value="" readonly>

                    <input class="rcratio" name="ratio" type="hidden" value="">

                  </span>

                </li>

                <li class="table-row">

                  <span class="table-cell">实付金额</span>

                  <span class="table-cell">

                    <input type="text" class="txt realmoney" name="realmoney" readonly >

                  </span>

                </li>

                <li class="table-row">

                  <span class="table-cell">获得绑币</span>

                  <span class="table-cell">

                    <input type="text" class="txt rcplatform" name="rcplatform" readonly >

                  </span>

                </li>

              </ul>

              </div>

              <div class="recharge-part">

              <ul class="table way">

                <li class="table-caption">

                  <span class="table">

                    <span class="tcell">

                      <span class="font">请选择支付方式</span>

                    </span>

                  </span>

                </li>

                <li class="table-row">

                  <span class="table-cell">

                    <i class="iconfont icon-alipay"></i>

                    <span class="text">

                      <span>支付宝</span>

                      <span>支付宝安全支付</span>

                    </span>

                  </span>

                  <span class="table-cell">

                    <label class="input-radio">

                      <input type="radio" class="radio on jssbtn" name="way" value="1" checked ><i class="iconfont icon-yes"></i>

                    </label>

                  </span>

                </li>

                <li class="table-row" id="recharge_weixin">

                  <span class="table-cell">

                    <i class="iconfont icon-weixin"></i>

                    <span class="text">

                      <span>微信支付</span>

                      <span>支持微信4.2以上版本支付</span>

                    </span>

                  </span>

                  <span class="table-cell">

                    <label class="input-radio">

                      <input type="radio" class="radio jssbtn" name="way" value="2"><i class="iconfont icon-yes"></i>

                    </label>

                  </span>

                </li>

                <if condition="get_tool_status('goldpig') eq 2">

                  <li class="table-row">

                    <span class="table-cell">

                      <i class="iconfont goldpig"></i>

                      <span class="text">

                        <span>金猪支付</span>

                        <span>支持多种支付</span>

                      </span>

                    </span>

                    <span class="table-cell">

                      <label class="input-radio">

                        <input type="radio" class="radio jssbtn" name="way" value="8"><i class="iconfont icon-yes"></i>

                      </label>

                    </span>

                  </li>

                </if>

              </ul>

              </div>

              <div class="btnbox recharge-part recharge-table-btnbox">

                <input type="button" class="btn jssubmit" value="确认支付">

              </div>

              <input type="hidden" name="spendType" value="2">

            </form>

          </div>

        </div>

      </section>

    </section>

    <div class="popmsg pop-dialog"></div>

    <script src="__JS__/pop.lwx.min.js"></script>

    <script src="__JS__/select2.min.js"></script>

    <script>

      $(function() {
        var popmsg = $('.popmsg').pop();
        if (isWeiXin() || !is_mobile()) {
           $('#weixin').hide();
           $("#recharge_weixin").hide();
        }
        if(isWeiXin()){
            popmsg.msg('请点击右上角按钮,选择在浏览器中打开去充值');
        }

        $('.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;

        });



        $('.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').select2().change(function() {

          var that    = $(this),cur = that.find('option:selected');

          var ratio   = cur.attr('data-radio');

          var parent  = that.closest('.jsinfo');

          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);

            sib.val(ratio+'折');

            if (rc) {

              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('.jsinfo'),pf=parent.find('.rcplatform');

          var rm = parent.find('.realmoney');

          if(val == ""){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('请输入充值账号');

            return false;

          }



          if(obj.attr('id') == 'form2' && $.trim(game_id) == ''){

            popmsg.msg('请选择充值游戏');

            return false;

          }



          if($.trim(pay_amount) == ''){

            popmsg.msg('请输入充值金额');

            return false;

          }

          return true;

        }



        $('.jssubmit').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)){

            $.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(){

                alert("服务端异常");

              }

            })

          }else{

            than.removeClass('disabled');

          }



          return false;

        })



      });


    </script>

  </body>

</block>

<block name="footer"></block>