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

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

$(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;

        // alert(JSON.stringify(unicom.query))
        if (!!unicom.query.tradeno) {
            showPayQueryDialog();
        }

        unicom.loadUserInfo();

        if (location.href.indexOf("/index") >= 0) {
            showOrderPage();
        } else {
            openPage();
        }

        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 if (location.href.indexOf('/refund') >= 0) {
            unicom.burypointLogId('110006'); // 退款
        } 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) })
        }
    })
}

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

        if (location.href.indexOf("cancel.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 "active":
            showActivePage();
            break;
        case "cancel":
            showCancelPage();
            break;
        case "draw":
            showDrawPage();
            break;
        case "flow":
            showFlowPage();
            break;
        default:
            showOrderPage();
            break;
    }
}

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

function showOrderPage() {
    bindSend();
    bindOrder();
}

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

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

function bindOrder() {
    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();
        })
    })
}

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);
        return;
    }

    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');
    })

    $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();
            })

        });
    })
}

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('');

                compnt.showAlert('抖币充值中，详情结果以短信形式告知').then(function() {
                    if (unicom.query.back != null && unicom.query.back != '') {
                        showOrderPage(unicom.query.back + ".html");
                    }
                });

                break;
            case "7605":
                compnt.showAlert(response.errorInfo);
                break;

            default:
                var prefix = '';
                if (response.errorInfo.indexOf('领取失败') < 0) {
                    prefix = '领取失败，';
                }
                compnt.showAlert(prefix + response.errorInfo);
                break;
        }
    }).fail(function(data) {
        compnt.hideLoading();
    })

    //})
}

function checkEquip() {
    return true;
}

function showAlertDialog(action, message) {

    var className = '';
    switch (action) {
        case 'orderSuccess':
            className = 'dialog-message-order-success';
            break;
        case 'orderFailure':
            className = 'dialog-message-order-failure';
            break;
        case 'activeSuccess':
            className = 'dialog-message-active-success';
            break;
        case 'activeFailure':
            className = 'dialog-message-active-failure';
            break;
        case 'cancelSuccess':
            className = 'dialog-message-cancel-success';
            break;
        case 'cancelFailure':
            className = 'dialog-message-cancel-failure';
            break;
        default:

            break;
    }

    var $overlay = $('<div class="overlay"></div>');
    var $dialog = $(
        '<div class="dialog dialog-message ' + className + '">' +
        '    <div class="title"></div>' +
        '    <div class="content">' + message + '</div>' +
        '    <div class="actions">' +
        '        <div class="btn">确定</div>' +
        '    </div>' +
        '</div>');

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

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

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

    return $dialog;
}

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 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") {
            compnt.showAlert('支付成功，请注意接收通知短信。').then(response => {
                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');
        switch (result.trade_state) {
            case "REFUND":
                compnt.showAlert('订购失败，转入退款').then(() => {
                    $('.dialog-pay').css('display', 'block');
                    window.location.href = unicom.root + "-s1api" + '/back/doubi/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(() => {
                    $('.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(() => {
                    $('.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(() => {
                    $('.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(() => {
                    $('.dialog-pay').css('display', 'block');
                });
                break;
            case "PAYERROR":
                compnt.showAlert('支付失败(其他原因，如银行返回失败)').then(() => {
                    $('.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 || result.resultCode).then(() => {
                    $('.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;
}