<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"   content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <link rel="stylesheet" href="../css/base.css"/>
    <link rel="stylesheet" href="../css/phonepay.css"/>
    <script src="../lib/jquery-3.1.1.min.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/layer.css">
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-115450143-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-115450143-1');
    </script>
    <title>MeetLive-美女直播-美女直播間熱舞-一對一視頻,盡在MeetLive直播平台</title>
    <meta name="keywords" content="MeetLive,直播福利,直播,uplive,美女直播,美女視頻,泡泡寶盒,視頻直播,一直播,rc唱唱,美女直播間,丫播直播">
    <meta name="description" content="MeetLive直播,深夜福利派送秀場。花樣主播私密秀,直播分享生活日常,記錄生活點點滴滴,陪你一起度過最美的時光,在直播間偶遇你的TA,連麥私聊,親密互動,說說生活,聊聊人生,談談理想......">
</head>
<body class="alipay">
<h3 class="lo-top">MeetLive線上儲值</h3>
<div style="height: 0.8rem;background: #F7F7F7;"></div>
<div class="nav">
    <span>用戶登錄></span>
    <span id="pitch">儲值金額></span>
    <span>儲值完成</span>
</div>
<div style="margin-bottom: 5rem;">
    <ul style="height: 20rem;" class="more-pay clearfix">
    </ul>
</div>
<div class="b-btn">
    <a href="login.html"><div><button class="s-btn btn">上一步</button></div></a>
    <div class="paypalh">
        <div><button class="next-btn btn" disabled="disabled">下一步</button></div>
    </div>

    <p style="text-align: center;color: #FE6B0B; margin-top: 2rem;">*如果出現儲值問題,請登錄MeetLive并聯繫客服</p>
</div>

<div style="display: none;width: 280px;height: 280px;position: relative;" id="tong">
    <div style="width: 256px;height: 256px;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;" id="qrcode"></div>
</div>

</body>
<script src="../lib/bootstrap.min.js"></script>
<script src="../lib/paypel.js"></script>
<script src="../lib/qrcode.min.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/jquery.cookie.js"></script>
<script>
    var $ip="http://zhibo.yabolive.net";
//var $ip="http://apitest.yabolive.co";
    $.ajax({
        url:$ip+"/websio/setting/getRecharge.html",
        type:"post",
        data:{
            'cid':"h5_gw",
            'os':"android",
            'vest':0,
            'paytype':sessionStorage.pay
        },
        error:function(msg){
            console.log('请求出错');
        },
        success: function (msg) {
            var data=JSON.parse(msg);
//            console.log(data);
            var html=[];
            for(var i=0;i<data.data.length;i++){
                html+="<li>";
                html+="<div class='p-top'><img src='../img/zuan.png'><span>"+data.data[i].diamond+"</span></div>";
                html+="<div class='p-bot'><span>"+data.data[i].price[0].currency+"</span><span>"+data.data[i].price[0].price+"</span></div>";
                html+="<span style='visibility: hidden'>"+data.data[i].rid+"</span>";
                html+="</li>";
            }
            $(".more-pay").html(html);

            $(".more-pay li").on("click", function () {
                $(this).siblings("li").removeClass("p-active");
                $(this).addClass("p-active");
                rid= $(this).children().eq(2).text();
                console.log(rid);
                money=$(this).children().eq(1).children().eq(1).text();
                console.log(money);
                var html=[];
                html+='<div><button class="next-btn btn" id="next-go">下一步</button></div>';
                $(".paypalh").html(html);
//                $(".next-btn").attr("id","next-go");
//                $('.next-btn').attr("disabled",false);
                $(".next-btn").on("click", function () {
//                console.log(sessionStorage.pay);
                    if(sessionStorage.pay=="PAYPALPAY") {
                        $.ajax({
                            url:$ip+"/websio/pay/getPayPreid.html",
                            type:"post",
                            data:{
                                'cid':"h5_gw",
                                'os':"h5",
                                'uid':sessionStorage.uid,
                                'product':"橙钻充值",
                                'country':"86",
                                'rid':rid,
                                'payType':sessionStorage.pay,
                                'payTypeSub':"NAVITE",
                                'os':"h5",
                                'amount':money*100,
                                'extend':"0",
                            },
                            success: function (msg) {
                                var data =JSON.parse(msg);
//                            console.log(data);
                                $.cookie('oid',data.orderId,{expires:1});
                                sessionStorage.oid=data.orderId;
                                console.log(sessionStorage.oid);
                                key=data.payInfo.key;
                                var html1=[];
                                html1+="<div class='paypalpay'>";
                                html1+="<div id=paypal-button-container></div>";
                                html1+="</div>";
                                $(".paypalh").html(html1);
                                paypal.Button.render({

                                    env: 'production', // sandbox | production

                                    // PayPal Client IDs - replace with your own
                                    // Create a PayPal app: https://developer.paypal.com/developer/applications/create
                                    client: {
                                        production:key,
//            production: '<insert production client id>'
                                    },
                                    style: {
                                        color: 'gold',
                                        size: 'large',
                                        shape:'rect',
                                        locale:'zh_US',

                                    },
                                    // Show the buyer a 'Pay Now' button in the checkout flow
                                    commit: true,

                                    // payment() is called when the button is clicked
                                    payment: function(data, actions) {



                                        // Make a call to the REST api to create the payment
                                        return actions.payment.create({
                                            payment: {
                                                transactions: [
                                                    {
                                                        amount: { total: money, currency: 'USD' },
                                                        custom: sessionStorage.oid,
                                                    }
                                                ]
                                            }
                                        });
                                    },

                                    // onAuthorize() is called when the buyer approves the payment
                                    onAuthorize: function(data, actions) {

                                        // Make a call to the REST api to execute the payment
                                        return actions.payment.execute().then(function() {
                                            setInterval(function () {
                                                window.location.href='payend.html';
                                            },1000)

                                        });
                                    }

                                }, '#paypal-button-container');
                            }
                        })
                    }
                    else if(sessionStorage.pay=="ALIPAY"){
                        $.ajax({
                            url:$ip+"/websio/pay/getPayPreid.html",
                            type:"post",
                            data:{
                                'cid':"h5_gw",
                                'os':"h5",
                                'uid':sessionStorage.uid,
                                'product':"橙钻充值",
                                'country':"86",
                                'rid':rid,
                                'payType':sessionStorage.pay,
                                'payTypeSub':"H5",
                                'os':"h5",
                                'amount':money*100,
                                'extend':"https://www.yabolive.tv/phonepay/payend.html",
                            },
                            success: function (msg) {
                                var data =JSON.parse(msg);
                                $.cookie('oid',data.orderId,{expires:1});
                                sessionStorage.oid=data.orderId;
//                            console.log(data);
                                var html=[];
                                html+=data.payInfo.h5
//                            console.log(html);
                                $(".alipay").html(html);
                            }
                        })
                    }
                    else if(sessionStorage.pay=="WECHATPAY"){
                        $.ajax({
                            url:$ip+"/websio/pay/getPayPreid.html",
                            type:"post",
                            data:{
                                'cid':"h5_gw",
                                'os':"h5",
                                'uid':sessionStorage.uid,
                                'product':"橙钻充值",
                                'country':"86",
                                'rid':rid,
                                'payType':sessionStorage.pay,
                                'payTypeSub':"MWEB",
                                'os':"h5",
                                'amount':money*100,
                                'extend':"https://www.yabolive.tv/phonepay/payend.html",
                            },
                            success: function (msg) {
                                var data = JSON.parse(msg);
                                $.cookie('oid',data.orderId,{expires:1});
                                sessionStorage.oid=data.orderId;
                                var url =data.payInfo.mweb_url;
//                            console.log(url);
                                window.location.href=url;
                            }

                        })
                    }
                })
            })


        }
    })

</script>
</html>