<extend name="Public/promote_base"/>
<block name="css">
  <link href="__CSS__/20180207/account.css" rel="stylesheet" >
  <link href="__CSS__/20180207/platform.css" rel="stylesheet" >
	<style>.notice_tip {padding-left:20px;color:#999;font-size:12px;} .formtxt{display:inline-block;width:232px;}</style>
</block>

<block name="body">
    <script type="text/javascript" src="__STATIC__/provincecityarea/area1.js" ></script>
    <div class="page-list normal_list promote-base_info-form">
      <div class="trunk-title">
      	<div class="location">
					<div class="location-container">当前位置:<span>管理中心></span><span>账户余额</span></div>
				</div>
      	<img src="__IMG__/20180207/icon_normal_zhanghu.png">
      	<span class="title_main">账户余额</span>
      </div>
      <div class="trunk-content article">
			
					<div class="trunk-search clearfix">
              <div class="tab">
                <a href="#" class="current">账户余额</a>
                <a href="{:U('PromoteCoin/lists')}" class="">平台币记录</a>
              </div>
          </div>
			
			
			
          <div class="trunk-list ">
            
              <form action="{:U('Promote/balance')}" id="form" novalidate="novalidate" method="post" class="base_info">
                <table class="table2">
                    <tr style="height: 32px;">
                    <td class="l">平台币余额:</td>
                    <td class="r"><span class="formtxt">{$data.balance_coin}</span></td>
                  </tr>
                  <tr>
                    <td class="l">充值账户:</td>
                    <td class="r">
                      <input type="text" class="input txt" name="account" id="account" value="" placeholder="请输入充值账户">
                      <span id="nickname_tip"></span>
                    </td>
                  </tr>
                  <tr>
                    <td class="l">充值金额:</td>
                    <td class="r">
                      <input type="text" class="input txt" name="amount" data-radio="1" id="amount" value="" placeholder="充值金额必须为整数"><span id="name_tip"></span>
										</td>
                  </tr>
                  <tr>
                    <td class="l">支付方式:</td>
                    <td class="r form-radio jspayradio">
											<if condition="C('alipay.status') eq 1 ">
											<label><input type="radio" value="alipay" name="pay_type"><i class=""></i><span>支付宝</span></label>
											</if>
											<if condition="C('wei_xin.status') eq 1 or C('weixin_gf.status') eq 1">
											<label><input type="radio" value="swiftpass" name="pay_type" ><i class=""></i><span>微信</span></label>
											</if>
											
											<!--<if condition="C('goldpig.status') eq 1">-->
											<!--<label><input type="radio" value="goldpig" name="pay_type" ><i class=""></i><span>金猪</span></label>-->
											<!--</if>-->
											

                      <span id="email_tip"></span>
                    </td>
                  </tr>
									<tr>
                    <td class="l">获得平台币:</td>
                    <td class="r">
                      <span class="formtxt" id="show">--</span><span class="notice_tip">兑换比例:1元=1平台币</span>
                    </td>
                  </tr>
                  <tr>
                    <td class="l"></td>
                    <td class="r">
                      <if condition="C('alipay.status') neq 1 and C('wei_xin.status') neq 1 and C('weixin_gf.status') neq 1 and C('goldpig.status') neq 1">
                      <input type="button" class="tj btn disabled" value="确认" title="" target-form="base_info">
											<else />
                      <input type="button" class="tj btn " onclick="validate()" value="确认" title="" target-form="base_info">
											</if>
                    </td>
                  </tr>
                </table>
              </form>
            
						
          </div>
      </div>
    </div>





</block>
<block name="script">
    <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
	  <script type="text/javascript">
		
		$(function() {
			
			
		});
    
  function check(){
      var account = $.trim($('#account').val());
      if(account == ''){
          layer.msg('充值账户不能为空');
          return false;
      }
      var is_true = false;
      $.ajax({
          type: 'POST',
          url: "{:U('Promote/checkAccount')}" ,
          data:{"account":account},
          async:false,
          success:function(data){
              if (data.status > 0){
                  is_true = true;
              }
          }
      })
      if(!is_true){
          layer.msg('充值账号不存在');
          return false;
      }
      var amount = $.trim($('#amount').val());
      if(amount == ''){
          layer.msg('金额不能为空');
          return false;
      }

      return true;
  }
	
	function validate() {
	
		var account = $.trim($('#account').val());
		if(account == ''){
				layer.msg('充值账户不能为空');
				return false;
		}
		
		$.ajax({
				type: 'POST',
				url: "{:U('Promote/checkAccount')}" ,
				data:{"account":account},
				async:false,
				success:function(data){
					if (data.status > 0){

						var amount = $.trim($('#amount').val());
						if(amount == ''){
								layer.msg('金额不能为空');
								return false;
						} else {
							
							var form = $('#form');
							var pay_type = form.find("input[name='pay_type']:checked").val();
							
							if(pay_type == 'swiftpass') {
								
								
								$.ajax({
									type:'post',
									dataType:'json',
									url:'{:U("balance_recharge")}',
									data:form.serialize(),
									success:function(data) {
										if(parseInt(data.status)==1) {
											if(data.data) {
												img_qrcode(data.data);
											}else if(data.url) {
												window.location.href=data.url;
											} else {
												layer.msg(data.info);
											}
											
										} else {
											layer.msg(data.info);
										}
									},
									error:function() {
										layer.msg('服务器故障!');
									}
								});
								
								
								
							} else {
								
								form.submit();
							
							}
							
							
						}
						
						
					} else {
						layer.msg('充值账号不存在');
					}
				}
		});
	
		return false;
	}
	
	
  $(function() {
			var amount = $.trim($('#amount').val());
			if(amount) {$('#show').text($('#amount').attr('data-radio')*amount);}
		
      $('#amount').keyup(function() {
				var that = $(this),radio = $.trim(that.attr('data-radio'));
				var val = $.trim(that.val());
				if (val && parseInt(val)>=0 && /^(0|[1-9]\d*)$/.test(val))
					$('#show').text(radio*val);
				else {
					that.val('');
					$('#show').val('--');
				}
				return false;
			});
			
			$('.jspayradio input:first').prop('checked',true).siblings('i').addClass('current');
			
			$('.jspayradio input').click(function() {
              var that=$(this);
              $('.jspayradio i').removeClass('current');
              if (that.prop('checked')) {
                  that.siblings('i').addClass('current');
              }
          });
      
       $(".select_gallery").select2();


	});
</script>
  <script type="text/javascript">
      function img_qrcode(data) {
          layer.open({
              type: 1,
              title: "微信扫码支付",
              closeBtn: 1,
              shadeClose: true,
              skin: 'yourclass',
              btn:['确认充值','返回'],
              content: '<div class="d_body" style="height:px;text-align:center;"><div class="d_content"><div class="text_center"> <table class="list" align="right" width="100%"><tbody><tr><td class="text_right">订单号</td><td class="text_left">' + data.out_trade_no + '</td></tr><tr><td class="text_right">充值金额</td><td class="text_left">本次充值' + data.amount + '元,实际付款' + data.pay_money + '元</td></tr></tbody></table><img src="' + data.code_img_url + '" height="301" width="301"><img src="/Public/Media/images/wx_pay_tips.png"></div></div></div>',
              end:function(){window.location.href="{:U('PromoteCoin/lists')}";}
          });
          var order_number = "'"+data.out_trade_no+"'";
          setInterval("callback("+order_number+")",1000);
      }
</script>
<script type="text/javascript">
        function callback(out_trado_no) {
            $.ajax({
                type: 'POST',
                url: "{:U('Promote/checkOrder')}" ,
                data:{"order_number":out_trado_no},
                success:function(data){
                    if (data.status > 0){
                        layer.msg('支付成功');
                        window.location.href = "{:U('PromoteCoin/lists')}"
                    }
                }
            });
        }
    </script>
</block>