<?php

require_once "db.php";
$mysql = new MMysql(["host" =>  "localhost",
                     "port" =>  3306,
                     "user" =>  "gspay",
                     "passwd" =>  "Ek6x5cthkKaarR7F" ,
                     "dbname" => "gspay"]);

$price = $mysql->select('gs_price');
$pricestr = substr($price[0]['discount'].'',2);
?>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>充值</title>
    <meta name="applicable-device" content="PC">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="dns-prefetch" href="https://nie.res.netease.com/">
    <link rel="stylesheet" type="text/css" href="/static/css/recharge.css">
<body id="tpl">

<div class="wrapper">
    <!--content-->
    <div class="rech">
        <div class="rech_box clearfix">
            <h2>GS加速器尊享全网超值价</h2>
            <p></p>
            <h4>VIP游戏加速</h4>
            <ul class="rech_hylx clearfix">
                <h5>会员类型</h5>
                <li>个人用户</li>
            </ul>
            <ul class="rech_hysj clearfix">
                <h5>会员时间</h5>
                <li data-type="4" class="active rech_hysj_sc">
                    <h3>年卡</h3>
                    <p>￥<?php echo sprintf("%.2f",$price[0]['yearcard']) ?></p>
                    <span>每日低至<?php echo sprintf("%.2f",$price[0]['yearcard'] / 360) ?>元</span>
                </li>
                <li data-type="3">
                    <h3>半年卡</h3>
                    <p>￥<?php echo sprintf("%.2f",$price[0]['halfyearcard']) ?></p>
                    <span>每日低至<?php echo sprintf("%.2f",$price[0]['halfyearcard'] / 180) ?>元</span>
                </li>
                <li data-type="2">
                    <h3>季卡</h3>
                    <p>￥<?php echo sprintf("%.2f",$price[0]['quartercard']) ?></p>
                    <span>每日低至<?php echo sprintf("%.2f",$price[0]['quartercard'] / 90) ?>元</span>
                </li>
                <li data-type="1">
                    <h3>月卡</h3>
                    <p>￥<?php echo sprintf("%.2f",$price[0]['monthcard']) ?></p>
                    <span>每日低至<?php echo sprintf("%.2f",$price[0]['monthcard'] / 30) ?>元</span>
                </li>
            </ul>
            <ul class="rech_zffs clearfix">
                <h5>支付方式</h5>
                <li class="active" data-pay_type="1">
                    <span class="wxzf"></span>
                    <p class="white">微信支付</p>
                </li>
                <li data-pay_type="2">
                    <span class="zfbzf"></span>
                    <p class="white">支付宝支付</p>
                </li>
            </ul>
            <br>
            <hr>
            <ul class="rech_zfje clearfix">
                <h5>支付金额</h5>
                <li <?php if($price[0]['discount'] < 1.0) echo("style='color:gray;text-decoration:line-through;'"); ?>>￥270.0</li>
              	<?php if($price[0]['discount'] < 1.0) echo("<li>￥270.0</li><li>".$pricestr."折限时优惠</li>"); ?>
            </ul>
            <input id="j_submit" type="button" value="确认支付" class="rech_btn">
            <b id="recharge-error" class="tip_mini" style="display:none"></b>
        </div>
    </div>
</div>

<!-- 微信支付弹窗 -->
    <div id="popup_pay" class="dia_box dia_weixinpay hide">
      <div class="dia">
        <a class="close" href="javascript:;"></a>
        <div class="center_line"></div>
        <div class="dia_left">
          <div id="qrcode" class="code">
          </div>
          <div class="tip">
            <div class="tip_pic"></div>
            <div class="content">
              <p></p>
              <p>完成支付</p>
            </div>
          </div>
        </div>
        <div class="dia_right">
          <div class="content_box">
            <h3></h3>
            <p></p>
            <p></p>
            <p></p>
            <p></p>
          </div>
        </div>
        <div class="dia_bottom">
          <div class="btn_left">
            <a class="paybtn ywczf" href="javascript:;">已完成支付</a>
          </div>
          <div class="btn_right">
            <a class="paybtn cxzf" href="javascript:;">重新支付</a>
          </div>
        </div>
      </div>
    </div>

    <!-- 成功界面 -->
    <div id="popup_success" class="dia_box paytrue hide">
      <div class="dia">
        <a class="close" href="javascript:;"></a>
        <div class="pic true"></div>
        <h3 class="info">支付成功</h3>
        <p class="info_p"></p>
        <div class="dia_bottom">
          <a class="queren">确认</a>
        </div>
      </div>
    </div>

    <!-- 失败界面 -->
    <div id="popup_fail" class="dia_box payfalse hide">
      <div class="dia">
        <a class="close" href="javascript:;"></a>
        <div class="pic false"></div>
        <h3 class="info">支付失败</h3>
        <p class="info_p"></p>
        <div class="dia_bottom">
          <a class="queren">重新支付</a>
        </div>
      </div>
    </div>


<script src="/static/js/jquery.min.js"></script>
<script charset="gb2312" src="/static/js/jquery.qrcode.min.js"></script>
<script type="text/javascript">
    function show(id) {
        $("#popup_pay, #popup_success, #popup_fail").addClass("hide");
        $("#" + id).removeClass("hide");
    }

    function hide() {
        $("#popup_pay, #popup_success, #popup_fail").addClass("hide");
    }

    function generateQrcode(url) {
        $("#qrcode").html("").qrcode({
            width: 148,
            height: 148,
            text: url
        });
    }

    function loadOrder($pop, data) {
        $pop.find(".dia_right p").eq(0).html("订单编号：" + data.order_id).end().eq(1).html("订单账号：" + data.mobile)
            .end().eq(2).html("支付服务：" + data.name)
            .end().eq(3).html("支付金额：" + (data.money / 100.0).toFixed(2));
    }

    function checkPay() {
        if (ajaxing) return false;
        ajaxing = true;
        var order_id = $(".dia_box").data('order_id');
        var url = "/checkpay.php?order_id=" + order_id;
        var self = $(this);
        $.ajax({
            url: url,
            type: "GET",
            dataType: "JSON",
            success: function (res) {
                hide();
                if (res.code == 200) {
                  	$("#popup_success").find(".info").html("支付成功");
                    show("popup_success");
                }
                else {
                    if (self.hasClass("ywczf")) {
                        $("#popup_fail").find(".info_p").html(res.msg);
                        show("popup_fail");
                    }
                }
            },
            "complete": function () {
                ajaxing = false;
            }
        });
    }

    function showPay(data) {
        loadOrder($("#popup_pay"), data);
        generateQrcode(data.pay_url);
        if (data.pay_type == 1) {
            $("#popup_pay").find(".tip .content p").eq(0).text("微信扫码").end().end()
                .find("content_box h3").text("请使用微信扫码完成支付");
        } else {
            $("#popup_pay").find(".tip .content p").eq(0).text("支付宝扫码").end().end()
                .find("content_box h3").text("请使用支付宝扫码完成支付");
        }
        show("popup_pay");
    }

    function doRecharge() {
        $("#recharge-error").hide();
        var $el = $(this);
        if (!$el.hasClass('active')) {
            return false;
        }
        if (ajaxing) return false;
        ajaxing = true;
        posturl = '';
        if (payType == 1) {
            posturl =  "/wxpay/pay/native.php";
          	$.ajax({
            "url": posturl,
            "type": "POST",
            "dataType": "json",
            "data": {good_type: goodType, user: userinfo.uid},
            "success": function (res) {
                if (res.status == 200) {
                    $(".dia_box").data("order_id", res.order_id).data("order_info", res);
                    showPay(res);
                } else {
                    $("#recharge-error").text(res.message).show();
                }
            },
            "complete": function () {
                ajaxing = false;
            }
        });
        }
        else if(payType == 2) {
          	$("#popup_success").find(".info").html("请在弹出网页中支付");
            show("popup_success");
            posturl =  "/alipay/pagepay/pagepay.php";
          	$.ajax({
            "url": posturl,
            "type": "POST",
            "dataType": "json",
            "data": {good_type: goodType, user: userinfo.uid},
            "success": function (res) {
                window.external.showHtml(res.responseText);
            },
            "error": function (res) {
                window.external.showHtml(res.responseText);
            },
            "complete": function () {
                ajaxing = false;
            }
        });
        }
        
    }

    function repay() {
        hide();
        showPay($(".dia_box").data("order_info"));
    }

    function isMobile(mobile) {
        var phoneReg = /^13\d{9}$|^14\d{9}$|^15\d{9}$|^166\d{8}$|^18\d{9}$|^17\d{9}$|^199\d{8}$|^198\d{8}$/;
        return phoneReg.test(mobile)
    }

    function checkInput() {
        var $inputs = $('.czzh'),
            $btn = $('#j_submit');

        if (userinfo != undefined && userinfo.uid != undefined && userinfo.uid != "") {
            $btn.addClass('active');
        } else
            $btn.removeClass('active');
    }

    function bindCard() {
        $(".rech_hysj").on("click", "li", function () {
            $(this).parent().find("li").removeClass("active").removeClass("rech_hysj_sc").end()
                .end().addClass("active").addClass("rech_hysj_sc");
            goodType = $(this).data("type");
            $($(".rech_zfje").find("li")[0]).text($(this).find("p").text());
          	<?php if($price[0]['discount'] < 1.0) echo("var newprice = '' + parseFloat($(this).find('p').text().slice(1)) * ".$price[0]['discount'].";
            var ind = newprice.indexOf('.');
          	if(ind < 0)
              	newprice = newprice + '.00';
          	else
              	newprice = newprice.substring(0,ind + 3);
              $($('.rech_zfje').find('li')[1]).text('￥' + newprice );");?>
          
        });

        $(".rech_hysj li").eq(0).click();
    }

    function bindPayType() {
        $(".rech_zffs").on("click", "li", function () {
            $(this).parent().find("li").removeClass("active").end().end().addClass("active");
            payType = $(this).data("pay_type");
        });

        $(".rech_zffs li").eq(0).click();
    }

    function bind() {
        bindCard();
        bindPayType();
        $("#j_submit").click(doRecharge);
        $("#popup_success .queren").click(hide);
        $("#popup_fail .queren").click(repay);
        $("#popup_pay .paybtn, #popup_pay .close").click(checkPay);
    }

    function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results == null ? "0" : decodeURIComponent(results[1]);
    }

    var payType;
    var goodType;
    var ajaxing = false;
    var userinfo;

    $(function () {
        bind();
        userinfo = window.external.getUserInfo();
        checkInput();
        var goodType = getParameterByName("good_type");
        if (goodType != "0")
            if (4 - goodType != NaN)
                $(".rech_hysj li").eq(4 - goodType).click();


        $(".dia .close").click(function () {
            $(".dia_box").addClass("hide")
        })
    });
</script>
</body>
</html>