import * as compnt from "../../../public/js/compnt.js";
import * as unicom from "../../../public/js/unicom.js";

import "../scss/stackpkg.scss";
import "../../../public/scss/unicom.scss";

init();

function init() {
    compnt.showLoading();
    unicom.init().then(function(response) {
        compnt.hideLoading();

        unicom.setProduct(response.product[0]);
        unicom.setFesname(response.festival);
        // alert(JSON.stringify(unicom.query))
        if (!!unicom.query.tradeno) {
            showPayQueryDialog();
        }

        bindSend();
        bindOrder();

        if (location.href.indexOf('/cancel') >= 0) {
            unicom.burypointLogId('110002'); // 退订页面pv, pv去重得到uv
            // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'open', ea: 'cancel_open' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
        } else if (location.href.indexOf('/draw') >= 0) {
            unicom.burypointLogId('110003'); // 领取页面pv, pv去重得到uv
            // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'open', ea: 'draw_open' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
        } else if (location.href.indexOf('/flow') >= 0) {
            unicom.burypointLogId('110004'); // 流量查询pv, pv去重得到uv
            // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'open', ea: 'flow_open' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
        } else if (location.href.indexOf('/active') >= 0) {
            unicom.burypointLogId('110005'); // 激活页面pv, pv去重得到uv
            // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'open', ea: 'active_open' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
        } else {
            // location.href.indexOf('/index') >= 0 
            // location.href.indexOf('/order') >= 0
            unicom.burypointLogId('110001'); // 订购页面pv, pv去重得到uv
            // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'open', ea: 'order_open' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
        }
    })

    bindShowAgr();
}

function bindSend() {
    // @ts-ignore
    var $container = $('.section-login').find('.form-group');

    $container.find('.sendcode').unbind('click').on('click', function() {
        unicom.sendSms($container, 'orderlogin');
        unicom.burypointLogId('200001');
        // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'draw_click_send_sms_code_btn' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
    })
}

function bindOrder() {
    // @ts-ignore
    var $container = $('.section-login').find('.form-group');
    $container.find('.login').unbind('click').on('click', function() {
        compnt.showLoading();

        unicom.checkCode($container).then(function() {
            unicom.orderBack().then(function(response) {
                // console.log(response)
                compnt.hideLoading();
                var data = response;
                switch (data.resultCode) {
                    case "0000":
                        // compnt.showAlert('领取成功');
                        // window.location.reload();
                        // alert(data.web_url + '&redirect_url=' + encodeURIComponent(window.location.href + '&tradeno=' + data.out_trade_no));
                        data.tradedate = unicom.getNowFormatDate();
                        data.userid = unicom.user.userid;
                        pay(data);
                        break;
                    default:
                        compnt.showAlert(response.errorInfo);
                        break;
                }
            }).catch(data => {
                compnt.hideLoading();
            })
        }).catch(data => {
            compnt.hideLoading();
        })
    })

    unicom.burypointLogId('200002');
}

function bindShowAgr() {
    $('#btn-showagr').on('click', function() {
        showAgr();
    })
}

function showAgr() {
    var $overlay = $('<div class="overlay"></div>');
    var $dialog = $(
        '<section class="section-agr"><div class="container">' +
        '        <div class="close">' +
        '            <img name="closeBtn" src="./images/close.png">' +
        '        </div>' +
        '    <div class="title">活动说明</div>' +
        '    <div class="content">' +
        '        <ul>' +
        '            <li><div class="box-num"><div class="num">01</div></div>' +
        '                <p>针对已订购今日头条定向流量10GB月包（前向）且流量剩余接近阈值的用户，现在可叠加订购今日头条定向流量10GB月包（后向）。每个用户本月仅限订购一次今日头条定向流量10GB月包（后向）。</p>' +
        '            </li>' +
        '            <li><div class="box-num"><div class="num">02</div></div>' +
        '                <p>“今日头条定向流量10GB月包（后向）”订购成功后立即生效，月底失效，次月不自动续订，本流量包不支持重复订购。</p>' +
        '            </li>' +
        '        </ul>' +
        '    </div>' +

        '    <div class="title">温馨提示</div>' +
        '    <div class="content">' +
        '        <ul>' +
        '            <li><div class="box-num"><div class="num">01</div></div>' +
        '                <p>符合订购约定的中国联通手机4G、5G套餐用户（除4G冰激凌套餐、4G、5G冰激凌套餐副卡及懂我卡等）用户均可订购，智慧沃家成员用户、主副卡用户订购当前定向流量产品，只限该成员使用，其他成员不可共享。</p>' +
        '            </li>' +
        '            <li><div class="box-num"><div class="num">02</div></div>' +
        '                <p>达量限速套餐用户订购当前定向流量产品，包内定向流量不提升原套餐限速阈值和网速,不能做为限速后解限的加速包使用，依然执行基础套餐限速阈值的约定。</p>' +
        '            </li>' +
        '            <li><div class="box-num"><div class="num">03</div></div>' +
        '                <p>“今日头条定向流量10GB月包(前向)”和“今日头条定向流量10GB月包（后向）”两者可以叠加订购;叠加订购时,先消耗“今日头条定向流量10GB月包（前向）”中的定向流量,再消耗“今日头条定向流量10GB月包(后向)”中的定向流量,都超出后按照用户所选套餐资费或标准资费及联通公司已审批备案公示的资费标准收取。</p>' +
        '            </li>' +
        '            <li><div class="box-num"><div class="num">04</div></div>' +
        '                <p>用户须处于正常可用状态下才可订购,处于紧急停机(挂失)、欠费停机、停机保号等状态的后付费用户及处于未激活器、充值期、锁定期的预付费用户不可办理。</p>' +
        '            </li>' +
        '            <li><div class="box-num"><div class="num">05</div></div>' +
        '                <p>请在UNINET、3GNET 、WONET手机接入点环境下访问使用，其他接入点将无法正常使用定向流量。</p>' +
        '            </li>' +
        '            <li><div class="box-num"><div class="num">06</div></div>' +
        '                <p>定向流量使用区域：在全国范围可以使用（不含港澳台地区），在国际漫游情况下不能使用。</p>' +
        '            </li>' +
        '            <li><div class="box-num"><div class="num">07</div></div>' +
        '                <p>用户成功订购该头条系流量包后，如果遇到页面提示不免流，敬请忽略，正常使用。</p>' +
        '            </li>' +
        '            <li><div class="box-num"><div class="num">08</div></div>' +
        '                <p>关于产品使用过程中有任何疑问可咨询联通客服：10010。</p>' +
        '            </li>' +
        '        </ul>' +
        '    </div>' +

        '    <div class="title">流量说明</div>' +
        '    <div class="content">' +
        '        <ul>' +
        '            <li><div class="box-num"><div class="num">01</div></div>' +
        '                <p>定向流量包适用范围包含：今日头条、今日头条lite版本、西瓜视频、抖音火山版、抖音视频、多闪、图虫、懂车帝、皮皮虾、海豚股票、海豚财富、gogokid、轻颜、好好学习、飞聊、飞书、激萌、时光相册、半次元、番茄畅听APP使用。</p>' +
        '            </li>' +
        '            <li><div class="box-num"><div class="num">02</div></div>' +
        '                <p>定向流量适用范围不包含：发起直播及上传视频；第三方提供的广告、视频、图片；下载/缓存客户端及第三方链接视频所产生的流量。</p>' +
        '            </li>' +
        '            <li><div class="box-num"><div class="num">03</div></div>' +
        '                <p>如您是头条相关互联网卡套餐用户，如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等，将优先使用套餐内的专属定向流量，用罄后即消耗该产品包内的定向流量。</p>' +
        '            </li>' +
        '        </ul>' +
        '    </div>' +
        '</div></section>'
    )

    $overlay.appendTo($(document.body))
    $dialog.appendTo($(document.body))

    $dialog.find('img[name="closeBtn"]').on('click', function() {
        $dialog.close();
    })

    $dialog.close = function() {
        $overlay.remove();
        $dialog.remove();
        $dialog = null;
    }
}

function showPayQueryDialog() {
    var $overlay = $('<div class="overlay"></div>');
    var $dialog = $(
        '<div class="dialog-pay">' +
        '    <div class="title">' +
        '        <span>请确认微信支付是否已完成</span>' +
        '    </div>' +
        '    <div class="finish">' +
        '        <span name="finishspan">已完成支付</span>' +
        '    </div>' +
        '    <div class="repay">' +
        '        <span name="repayspan">支付遇到问题，重新支付</span>' +
        '    </div>' +
        '</div>');

    $overlay.appendTo($(document.body))
    $dialog.appendTo($(document.body))

    $dialog.find('span[name="finishspan"]').on('click', function() {
        queryWxPay(decodeURIComponent(unicom.query.userid));
    })

    $dialog.find('span[name="repayspan"]').on('click', function() {

        var data = {
            userid: decodeURIComponent(unicom.query.userid),
            web_url: decodeURIComponent(unicom.query.payurl),
            out_trade_no: unicom.query.tradeno,
            tradedate: unicom.query.tradedate
        }

        // alert(JSON.stringify(data))

        pay(data);
    })
}

function pay(data) {
    var href = window.location.href;
    if (href.indexOf("&tradeno") > 0) {
        href = href.substring(0, href.indexOf("&tradeno"));
    }

    window.location.href = data.web_url +
        '&redirect_url=' + encodeURIComponent(href +
            '&tradeno=' + data.out_trade_no +
            '&tradedate=' + data.tradedate +
            '&userid=' + encodeURIComponent(encodeURIComponent(data.userid)) +
            '&payurl=' + encodeURIComponent(encodeURIComponent(data.web_url)));
}

function queryWxPay(userid) {
    unicom.queryWxPay(unicom.query.tradeno, unicom.query.tradedate, userid).then(function(response) {
        var result = response;

        if (result.resultCode == "0000" && result.trade_state == "SUCCESS") {
            unicom.burypointLogId('200003');
            compnt.showAlert('支付成功，请注意接收通知短信。').then(function() {
                window.location.href = window.location.href.replace("tradeno", "tno");
            });
            // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_success' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
            return;
        }

        $('.dialog-pay').css('display', 'none');
        unicom.burypointLogId('200004');
        switch (result.trade_state) {
            case "REFUND":
                compnt.showAlert('订购失败，转入退款').then(function() {
                    $('.dialog-pay').css('display', 'block');
                    window.location.href = unicom.root + "-s1api" + '/back/stackpkg/index.html?'
                });
                // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                break;
            case "NOTPAY":
                compnt.showAlert('未支付').then(function() {
                    $('.dialog-pay').css('display', 'block');
                });
                // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                break;
            case "CLOSED":
                compnt.showAlert('已关闭').then(function() {
                    $('.dialog-pay').css('display', 'block');
                });
                // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                break;
            case "REVOKED":
                compnt.showAlert('已撤销（付款码支付）').then(function() {
                    $('.dialog-pay').css('display', 'block');
                });
                // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                break;
            case "USERPAYING":
                compnt.showAlert('用户支付中（付款码支付）').then(function() {
                    $('.dialog-pay').css('display', 'block');
                });
                break;
            case "PAYERROR":
                compnt.showAlert('支付失败(其他原因，如银行返回失败)').then(function() {
                    $('.dialog-pay').css('display', 'block');
                });
                // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                break;
            default:
                compnt.showAlert('支付失败，' + result.trade_state).then(function() {
                    $('.dialog-pay').css('display', 'block');
                });
                // WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                break;
        }
    });


    return;
}