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

// import "../scss/main.scss";

var flowproductid = "2018072301"
var rightsproductid = "2020010201"
var index = rightsproductid

// 返回时强制手机刷新
$(function () {
    var isPageHide = false;
    window.addEventListener('pageshow', function () {
        if (isPageHide) {
            window.location.reload();
        }
    });
    window.addEventListener('pagehide', function () {
        isPageHide = true;
    });

    if (window.location.href.indexOf('draw.html') >= 0) {
        var user = JSON.parse(localStorage.getItem('user'));
        if (user != null) {
            $('.usermob').val(user.usermob);
        }
    }
})

init();

function init() {
    var message = localStorage.getItem('message');
    if (message != null && message != '') {
        compnt.showAlert(message);
        localStorage.removeItem('message');
    }

    compnt.showLoading();

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

        unicom.product = response.product[0];
        unicom.fesname = response.festival;

        unicom.loadUserInfo();
        openPage();
        if (location.href.indexOf('/cancel') >= 0) {
            unicom.burypointLogId('110002'); // 退订页面pv, pv去重得到uv
            WoAnalytics.addPoint({ ad: $('#directflowactivity').val(), at: $('#namehd').val(), ett: 'open', ea: 'activity_detail_view', cpn: 'activity_detail', pm: parseInt(unicom.query.sou, 32) })
            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 if (location.href.indexOf('/refund') >= 0) {
                    unicom.burypointLogId('110006'); // 退款
                } else {
                    unicom.burypointLogId('110001'); // 订购页面pv, pv去重得到uv
                    WoAnalytics.addPoint({ ad: $('#directflowactivity').val(), at: $('#namehd').val(), ett: 'open', ea: 'activity_detail_view', cpn: 'activity_detail', pm: parseInt(unicom.query.sou, 32) })
                    WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'open', ea: 'order_open' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                }
    })
}

function openPage(pageName) {
    if (pageName == null) {
        if (location.href.indexOf("/index") >= 0) pageName = "order";

        if (location.href.indexOf("cancel.html") >= 0) pageName = "cancel";

        if (location.href.indexOf("cancel20220802.html") >= 0) pageName = "cancel";

        if (location.href.indexOf("draw.html") >= 0) pageName = "draw";

        if (location.href.indexOf("active.html") >= 0) pageName = "active";

        if (location.href.indexOf("flow.html") >= 0) pageName = "flow";
    }

    switch (pageName) {
        case "cancel":
            showCancelPage();
            break;
        case "draw":
            showDrawPage();
            break;
        default:
            showOrderPage();
            break;
    }

}
// 意外惊喜， 用标签+name 属性，在iphone6,7中会报错
//$('a[name="gotoCancelPage"').each(function(i, item) {
$('.gotoCancelPage').each(function (i, item) {
    $(item).unbind('click').on('click', function () {
        showCancelReasonPage().done(function (cancelReason) {
            var k = JSON.stringify(cancelReason)
            window.localStorage.setItem('kye', k)
            if (window.location.href.indexOf("https://optest.bol.wo.cn") >= 0) {
                gotoUrl('orderchannel-s1h5/douyin/5G29/channel')

            } else {
                gotoUrl('douyin/5G29/channel')

            }
            // gotoUrl('douyin/5G9/channel')
        })
    })
})


function showCancelReasonPage() {
    var reasonUrl;
    var baseUrl;
    if (window.location.href.indexOf("https://800.wo.cn/orderchannel") >= 0) {
        reasonUrl = "https://800.wo.cn/orderchannel/public/libs/cancelreason/index.html";
        baseUrl = "https://800.wo.cn/";
    } else if (window.location.href.indexOf("https://800.wo.cn/festivalchannel") >= 0) {
        reasonUrl = "https://800.wo.cn/festivalchannel/public/libs/cancelreason/index.html";
        baseUrl = "https://800.wo.cn/";
    } else if (window.location.href.indexOf("http://localhost") >= 0) {
        reasonUrl = "http://localhost:8088/orderchannel/public/libs/cancelreason/index.html";
        baseUrl = "http://localhost:8088/";
    } else if (window.location.href.indexOf("http://127.0.0.1") >= 0) {
        reasonUrl = "http://127.0.0.1:8088/orderchannel/public/libs/cancelreason/index.html";
        baseUrl = "http://127.0.0.1:8088/";
    } else if (window.location.href.indexOf("http://100.0.3.69:3344") >= 0) {
        reasonUrl = "http://100.0.3.69:3344/orderchannel/public/libs/cancelreason/index.html";
        baseUrl = "http://100.0.3.69:3344/";
    } else if (window.location.href.indexOf("http://100.0.3.69:8282") >= 0) {
        reasonUrl = "http://100.0.3.69:8282/orderchannel/public/libs/cancelreason/index.html";
        baseUrl = "http://100.0.3.69:8282/";
    } else if (window.location.href.indexOf("https://optest.bol.wo.cn") >= 0) {
        reasonUrl = "https://optest.bol.wo.cn/orderchannel/orderchannel-s1h5/public/libs/cancelreason/index.html"
        baseUrl = "https://optest.bol.wo.cn";
    } else {
        reasonUrl = "https://operation1.bol.wo.cn/orderchannel/public/libs/cancelreason/index.html";
        baseUrl = "https://operation1.bol.wo.cn/";
    }

    window.$capoverlay = $('<div class="overlay" style="z-index: 0; background-color: rgba(0,0,0,0.4);"></div>');
    $capoverlay.appendTo($(document.body));
    $("body").css("overflow", "hidden");

    var $iframe;
    if ($('#reasonIframe').length >= 1) {
        $iframe = $('#reasonIframe').attr('src', reasonUrl);
    } else {
        $iframe = $('<iframe id="reasonIframe" src="' + reasonUrl + '"></iframe>');
        $('body').append($iframe);
    }

    $iframe.css({
        width: "100%",
        height: "100%",
        position: "fixed",
        top: 0,
        left: 0,
        margin: 0,
        padding: 0,
        "-webkit-overflow-scrolling": "touch",
        border: "0px",
        "z-index": 111,
    });

    var def = $.Deferred();

    function messageListener(event) {
        var data = JSON.parse(event.data);

        $iframe.remove();
        $capoverlay.remove();
        $("body").css("overflow", "auto");
        window.removeEventListener('message', messageListener);

        if (data.eventtype != 'close') {
            def.resolve(data)
        } else {
            def.reject(data)
        }
    }
    window.addEventListener('message', messageListener);
    return def;
}

$('#gotoDrawPage').unbind('click').on('click', function () {
    showDrawPage(window.location.href.substring(window.location.href.lastIndexOf('/') + 1, window.location.href.lastIndexOf('.')))
})

function showOrderPage(backPage) {
    if (location.href.indexOf('/index') < 0) {
        if (backPage == null || backPage == '') {
            backPage = 'index.html';
        }

        window.location.href = backPage + "?fes=" + unicom.query.fes + "&sou=" + unicom.query.sou;
        return;
    }

    $('#btn-order').unbind('click').on('click', function (event) {
        // console.log("111");
        if (!compnt.lockClick()) {
            return;
        }

        unicom.showCapPage(null, null, false, false, true).then(function (data) {
            compnt.unlockClick();

            order(data.userid, data.token, data.usermob);
        }).fail(function (response) {
            compnt.unlockClick();
        })
        WoAnalytics.addPoint({ ad: $('#directflowactivity').val(), at: $('#namehd').val(), ett: 'click', ea: 'activity_detail_order', pm: parseInt(unicom.query.sou, 32) })
        WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_click_order_btn' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
    })
}

function showDrawPage(back) {
    if (location.href.indexOf("draw.html") < 0) {
        window.location.href = "draw.html?fes=" + unicom.query.fes + "&sou=" + unicom.query.sou + '&back=' + (back == null ? '' : back) + '&pid=' + unicom.product.productid;
        return;
    }

    unicom.product = unicom.products[rightsproductid];

    var $container = $('.section-login').find('.form-group');

    $container.find('.sendcode').unbind('click').on('click', function () {
        var account = $container.find('.account').val();
        var arr = new Array()
        arr = account.split(' ')
        if (arr.length != 1) {
            compnt.showAlert('抖音短视频账号不能含有空格');
            return
        }
        if (account == null || account == "") {
            compnt.showAlert('请输入抖音短视频账号');
            return;
        }
        unicom.sendSms($container, 'drawlogin', unicom.products[rightsproductid]);
        WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'draw_click_send_sms_code_btn' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
    })

    $container.find('.login').unbind('click').on('click', function () {
        var usermob = $container.find('.usermob').val();
        var account = $container.find('.account').val();
        var smscode = $container.find('.smscode').val();
        if (usermob == null || usermob == "") {
            compnt.showAlert('请输入联通手机号');
            return;
        }
        var arr = new Array()
        arr = account.split(' ')
        if (arr.length != 1) {
            compnt.showAlert('抖音短视频账号不能含有空格');
            return
        }

        if (account == null || account == "") {
            compnt.showAlert('请输入抖音短视频账号');
            return;
        }

        if (smscode == null || smscode == "") {
            compnt.showAlert('请输入验证码');
            return;
        }

        var $comfirm = showConfirmDialog(account);
        $comfirm.find('.cancel').on('click', function () {
            compnt.hideLoading();
        });

        $comfirm.find('.okay').on('click', function () {
            unicom.checkCode($container, true).done(function () {
                drawCoin(account);
            }).fail(function (data) {
                compnt.hideLoading();
            })

            WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'draw_click_confirm_btn' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
        });
    })
}

function drawCoin(account) {
    compnt.showLoading();
    unicom.drawCoin(account, '').done(function (response) {
        compnt.hideLoading();

        switch (response.resultCode) {
            case "0000":
                var $container = $('.section-login').find('.form-group');
                $container.find('.usermob').val('');
                $container.find('.smscode').val('');
                $container.find('.account').val('');

                showAlertDialog('抖币充值中，详情结果以短信形式告知').then(function () {
                    if (unicom.query.back != null && unicom.query.back != '') {
                        showOrderPage(unicom.query.back + ".html");
                    }
                });
                WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'draw_success' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })

                break;
            case "7605":
                showAlertDialog(response.errorInfo);
                WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'draw_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })

                break;
            case '6776':
                var prefix = '';
                showAlertDialog(prefix + response.errorInfo);
                WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'draw_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })

                break;
            default:
                var prefix = '';
                if (response.errorInfo.indexOf('领取失败') < 0) {
                    prefix = '领取失败，';
                }
                showAlertDialog(prefix + response.errorInfo);
                WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'draw_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })

                break;
        }
    }).fail(function (data) {
        compnt.hideLoading();
    })
}

function showCancelPage() {
    var cancelReason = JSON.parse(window.localStorage.getItem('kye'))
    // if (location.href.indexOf("cancel.html") < 0) {
    //     window.location.href = "cancel.html?fes=" + unicom.query.fes + "&sou=" + unicom.query.sou + '&pid=' + unicom.product.productid;
    //     return;
    // }
    var $container = $('.section-login').find('.form-group');

    $container.find('.sendcode').unbind('click').on('click', function () {
        unicom.sendSms($container, 'cancellogin');

        WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'cancel_click_send_sms_code_btn' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
    })

    $container.find('.login').unbind('click').on('click', function () {
        compnt.showLoading();
        unicom.checkCode($container).done(function () {
            unicom.cancel(null, null, cancelReason.canceltype, cancelReason.cancelmsg).done(function (response) {
                compnt.hideLoading();
                switch (response.resultCode) {
                    case "0000":
                        compnt.showAlert('退订成功！');
                        window.localStorage.clear()
                        WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'cancel_success' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })

                        break;
                    case "7605": //应该是已经退订了吧，因此不需要在重复退订啦
                        compnt.showAlert(response.errorInfo); //.then(function(message) {
                        //showFlowPage();
                        //});
                        WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'cancel_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })

                        break;

                    default:
                        var prefix = '';
                        if (response.errorInfo.indexOf('退订失败') < 0) {
                            prefix = '退订失败，';
                        }
                        compnt.showAlert(prefix + response.errorInfo);
                        WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'cancel_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })

                        break;
                }
            }).fail(function (data) {
                compnt.hideLoading();
            })
        }).fail(function (data) {
            compnt.hideLoading();
        })

        WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'cancel_click_confirm_btn' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
    })

    window.scrollTo(0, 0)
}


function showConfirmDialog(account) {
    var $overlay = $('<div class="overlay"></div>')
    var $dialog = $(
        '<div class="dialog dialog-confirm">' +
        '    <div class="content">请确认是否领取抖音币到' + account + '账号？</div>' +
        '    <div class="actions">' +
        '        <div class="btn cancel">取消</div>' +
        '        <div class="btn okay">确认</div>' +
        '    </div>' +
        '</div>');

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

    $dialog.find('.btn').on('click', function () {
        $overlay.remove();
        $dialog.remove();
        $dialog = null;
    })

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

/**
 * 订购
 */
function order(userid, token, usermob) {
    compnt.showLoading('处理中，请稍后...');
    unicom.order(userid, token, usermob).done(function (response) {
        compnt.hideLoading();
        switch (response.resultCode) {
            case "0000": //订购成功！跳转到领取会员页面
                unicom.saveUserInfo();
                compnt.showAlert('订购成功！');
                WoAnalytics.addPoint({ ad: $('#directflowactivity').val(), at: $('#namehd').val(), ett: 'open', ea: 'pay_result_success', cpn: 'pay_result', pm: parseInt(unicom.query.sou, 32), mp: unicom.user.usermob })
                WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_success' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                return;
            case "0013":
                compnt.showAlert('该号码归属省分2/3G暂未开通此产品！');
                WoAnalytics.addPoint({ ad: $('#directflowactivity').val(), at: $('#namehd').val(), ett: 'open', ea: 'pay_result_failure', cpn: 'pay_result', pm: parseInt(unicom.query.sou, 32), mp: unicom.user.usermob })
                WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                break;
            case "6611":
                compnt.showAlert('错误代码（6611），订购失败，请重试！');
                WoAnalytics.addPoint({ ad: $('#directflowactivity').val(), at: $('#namehd').val(), ett: 'open', ea: 'pay_result_failure', cpn: 'pay_result', pm: parseInt(unicom.query.sou, 32), mp: unicom.user.usermob })
                WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                break;
            case "6615":
                compnt.showAlert('订购失败，请确定用户套餐！');
                WoAnalytics.addPoint({ ad: $('#directflowactivity').val(), at: $('#namehd').val(), ett: 'open', ea: 'pay_result_failure', cpn: 'pay_result', pm: parseInt(unicom.query.sou, 32), mp: unicom.user.usermob })
                WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                break;
            case "6622": // 用户已订购过此产品！跳转到流量查页面
                compnt.showAlert('您已经订购了本产品~');
                WoAnalytics.addPoint({ ad: $('#directflowactivity').val(), at: $('#namehd').val(), ett: 'open', ea: 'pay_result_failure', cpn: 'pay_result', pm: parseInt(unicom.query.sou, 32), mp: unicom.user.usermob })
                WoAnalytics.addPoint({ ad: $('#nanyanad').val(), ett: 'click', ea: 'order_failure' + $('#nanyanlabel').val(), ct: 'web', pm: parseInt(unicom.query.sou, 32) })
                unicom.saveUserInfo();

                break;
            default:
                compnt.showAlert(response.errorInfo + '，订购失败，请确定用户套餐！');
                WoAnalytics.addPoint({ ad: $('#directflowactivity').val(), at: $('#namehd').val(), ett: 'open', ea: 'pay_result_failure', cpn: 'pay_result', pm: parseInt(unicom.query.sou, 32), mp: unicom.user.usermob })
                break;
        }
    }).fail(function (error) {
        compnt.hideLoading();
        console.log(error);
    });
}

function showAlertDialog(message) {
    var $overlay = $('<div class="overlay"></div>');
    var $dialog = $(
        '<div class="dialog dialog-message">' +
        '    <div class="content">' + message + '</div>' +
        '    <div class="actions">' +
        '        <div class="btn"></div>' +
        '    </div>' +
        '</div>');

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

    $("body").css("overflow", "hidden");

    $dialog.find('.btn').unbind('click').on('click', function () {
        $dialog.close()
    })

    var def = $.Deferred();
    $dialog.close = function () {
        $overlay.remove();
        $dialog.remove();
        $dialog = null;
        $("body").css("overflow", "auto");
        def.resolve($dialog);
    }

    return def;
}

/*$("body").on("touchstart", function(e) {
    // 判断默认行为是否可以被禁用
    // iphone 6, 7中不能滑动，判断 touchstart 未失效
    if (e.cancelable) {
        // 判断默认行为是否已经被禁用
        if (!e.defaultPrevented) {
            e.preventDefault();
        }
    }
});*/

var startX = 0;
var startY = 0;
var endX = 0;
var endY = 0;
$('.slider').unbind('touchstart').on('touchstart', function (event) {
    var touch = event.targetTouches[0];
    startX = touch.pageX;
    startY = touch.pageY;
})

$('.slider').unbind('touchmove').on('touchmove', function (event) {
    var touch = event.targetTouches[0];
    endX = touch.pageX;
    endY = touch.pageY;
})

$('.slider').unbind('touchend').on('touchend', function (event) {
    if (endX - startX >= 100) {
        orderPageProductChange(rightsproductid)
    } else if (startX - endX >= 100) {
        orderPageProductChange(flowproductid)
    }
})