<extend name="Public/promote_base"/>
<block name="css">
  <link href="__CSS__/20180207/platform.css" rel="stylesheet">
  <style>
    .trunk-list .table3 {width: 100%;}
    .table3 tr td{border: 1px solid #E0E7EF;}
    .pagenation{line-height: 6.5vh;}
    .pagenation>div {text-align: right;}
    .trunk-list .table3 tr {height: 4.2vh;}
    .table2{min-width: 550px}
    .remittance .reselect{ width: 220px!important;}
    .remittance input,.remittance .reselect,.remittance textarea{width: 198px}
    .remittance textarea{height: 50px;border-radius:5px;border:1px solid #E5E5E5;outline:none;padding: 10px;color: #535875 }
  </style>
</block>

<block name="body">
  <div class="page-search normal_list charge-agentPay-search">
    <div class="trunk-title">
      <div class="location">
        <div class="location-container">当前位置:<span>平台币管理></span><span>平台币充值</span></div>
      </div>
      <img src="__IMG__/20180207/icon_normal_yve.png"><span class="title_main">平台币充值</span>
    </div>
    <div class="trunk-content article" style="height: 622px;">
      <div class="trunk-search clearfix">
        <div class="tab">
          <a href="{:U('order_list')}" class="">订单列表</a>
          <a href="{:U('order_add')}" class="current">充值</a>
        </div>
      </div>
      <div class="trunk-list">
        <form id="payform" action="{:U('agent_pay')}" method="post" enctype="multipart/form-data">
          <table class="table2">
            <tr>
              <td class="l">充值账号:</td>
              <td class="r"><span >{$account}</span></td>
            </tr>
            <tr>
              <td class="l">平台币原价:</td>
              <td class="r">¥1.00/个</td>
            </tr>
            <tr>
              <td class="l">购买数量:</td>
              <td class="r"><input type="text" class="txt" name="coin_num" autocomplete="off" placeholder=""  oninput="this.value=this.value.replace(/[^0-9]+|^0|\d{9}/,'');">
                <span class="noticetxt">平台币</span>
              </td>
            </tr>
            <tr>
              <td class="l">充值方式:</td>
              <td  class="r form-radio jspayradio">
                <label><input type="radio" value="1" name="pay_type" checked><i class="current"></i><span>在线转账</span></label>
                <!-- <label><input type="radio" value="2" name="pay_type"><i></i><span>线下转账</span><span class="noticetxt">(需上传截图)</span></label> -->
              </td>
            </tr>
            <tr>
              <td class="l">应付金额:</td>
              <td class="r" id="pay_amount"><span>0.00</span>
                <input name="discount" value="{$discount}"  type="hidden">
              </td>
            </tr>
            <tr class="remittance" hidden>
              <td class="l">汇入银行:</td>
              <td class="r">
                <select  class="reselect select_gallery" name="collection_account">
                  <option value="" title="暂未开放 暂未开放" acountesc="">暂未开放 暂未开放</option>
                  <volist name="bank_list" id="bank">
                    <option value="{$bank.bank_account}" title="{$bank.bank}" acountesc="账户名称:{$bank.account_name}<br/>汇入账户:{$bank.bank_account}<br/>开户行:{$bank.bank_name}">{$bank.bank}</option>
                  </volist>
                </select>
                <div id="acountesc"></div>
              </td>
            </tr>
            <tr class="remittance" hidden>
              <td class="l">支付凭证:</td>
              <td class="r"><input type="text" class="txt" name="pay_order_number" autocomplete="off" placeholder="请输入支付凭证"></td>
            </tr>
            <tr class="remittance" hidden>
              <td class="l">支付截图:</td>
              <td class="r"><div class="fallback" id="myid"><input name="voucher_img" type="file" multiple /></div></td>
            </tr>
            <tr class="remittance" hidden>
              <td class="l">备注:</td>
              <td class="r">
                <textarea name="remark"></textarea>
              </td>
            </tr>
            <tr id="tip">
              <td class="l" colspan="2">
                <span class="noticetxt">(手续费说明:每笔交易支付服务商将收取 {$LV}% 手续费,最低收取0.1元,上不封顶)</span>
              </td>
            </tr>
            <tr>
              <td class="r">
                <button type="button" class="tjbnt btn" onclick="save_model()" >提交</button>
              </td>
            </tr>
          </table>
        </form>
      </div>
    </div>
  </div>
</block>
<block name="script">
  <script type="text/javascript" src="__STATIC__/layer/extend/layer.ext.js" ></script>
  <script type="text/javascript" src="__JS__/jquery.min.js"></script>
  <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
  <script type="text/javascript">
    $(function(){
      $(".select_gallery").select2();
      $('.jspayradio input').click(function() {
        var that=$(this);
        $('.jspayradio i').removeClass('current');
        if (that.prop('checked')) {
          that.siblings('i').addClass('current');
        }
        if($(that).val()==2){
          $(".remittance").show();
          $("#tip").hide();
          calculation_money($("input[name=coin_num]").val());
        }else{
          $(".remittance").hide();
          $("#tip").show();
          calculation_money($("input[name=coin_num]").val());
        }
      });
      $("input[name=coin_num]").bind('input propertychange', function () {
        calculation_money($(this).val());
      })
    });

    function calculation_money(coin_num) {
      var num_re = /^\+?[1-9][0-9]*$/;  //判断是否为正整数
      if(!num_re.test(coin_num)){
        $("#pay_amount span").html("0.00");
        $("input[name=real_amount]").val("0.00")
      }else {
        var discount = $("input[name=discount]").val();
        if(discount=='0'){
          discount = "100"
        }

        var rodio_val = $('.jspayradio input:radio:checked').val();
        coin_num = (discount/100)*coin_num;
        if(rodio_val==1){ //在线转账
          var fee = coin_num*({$LV}/100);
          if(fee<0.1){
            fee=0.1
          }
          coin_num = fee+parseFloat(coin_num);
        }else{
          coin_num = parseFloat(coin_num)
        }
        coin_num = coin_num.toFixed(2);
        $("#pay_amount span").html(coin_num);
      }
    }


    $("select[name=collection_account]").bind('change',function () {
      var options = $("select[name=collection_account] option:selected");
      var acountesc = options.attr("acountesc");
      $("#acountesc").html(acountesc);
    })
    function save_model() {
      var formElement = document.querySelector("#payform");
      var formData = new FormData(formElement);
      formData.append("voucher_img",$("input[name=voucher_img]")[0].files[0])
      jQuery.ajax({
        type: 'POST',
        url:'index.php?s=/Home/CoinOrder/order_add.html',
        data: formData,                    // 上传formdata封装的数据
        dataType: 'JSON',
        cache: false,
        async:false,
        processData: false,//用于对data参数进行序列化处理 这里必须false
        contentType: false, //必须
        success: function (result) {
          if (result.status==1){
            if(result.pay_type==1){
              window.open('index.php?s=/Home/CoinOrder/pay_center.html&trade_no='+result.trade_no,"_blank");
              location.reload();
            }else{
              layer.alert(result.info,function () {
                parent.layer.closeAll();
                location.reload();
              });
            }
          }else{
            layer.alert(result.info);
          }
        }
      });
    }

    function op_w(openUrl){
      var iWidth=1300; //弹出窗口的宽度;
      var iHeight=700; //弹出窗口的高度;
      var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;
      var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置;
      window.open(openUrl,"_blank","height="+iHeight+", width="+iWidth+", top="+iTop+", left="+iLeft,toolbar='no', status='no', menubar='no', resizable='yes', scrollbars='yes');
    }

  </script>
</block>