let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
    new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
    layer.open({
        type: 2,
        shadeClose: false,
        content,
        success (e) {
            layerIndex = $(e).attr('index')
        }
    })
}
const hideLoading = (index) => {
    layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
    layer.open({
        content,
        time,
        skin: 'msg'
    })
}
var ios;
var and;
var url;
var androidSkipType;
var iosSkipType;
// 初始化函數
$(function () {
    getInfoFromClient();
    getConfig();
})
// 獲取配置接口
function getConfig () {
    showLoading();
    networkRequest({
        type: 'GET',
        url: urlPrefix + '/official/config',
        success (res) {
            // 處理聯繫方式
            $(`.contactUs_pub .contactUs_pub_in ul .li1 span`).html(`<b>Wehchat:</b> ${res.data.contact0}`);
            $(`.contactUs_pub .contactUs_pub_in ul .li2 span`).html(`<b>Line:</b> ${res.data.contact1}`);
            $(`.contactUs_pub .contactUs_pub_in ul .li3 span`).html(`<b>Email:</b> ${res.data.contact2}`);
            // 賦值下載
            and = res.data.androidUrl;
            ios = res.data.iosUrl;
            androidSkipType = res.data.androidSkipType;
            iosSkipType = res.data.iosSkipType;
            // console.log(browser);
            $('body .h5 .pagesBox .pages .downioad').show();
            if (browser.ios) {
                url = ios;
                $('body .h5 .pagesBox .pages .downioad').attr('src', './images/h5Ios.png');
            } else if (browser.android) {
                url = and;
                $('body .h5 .pagesBox .pages .downioad').attr('src', './images/h5And.png');
            }
            $('body .h5 .pagesBox .page2 .downioad,body .h5 .pagesBox .page3 .downioad,body .h5 .pagesBox .page4 .downioad').attr('src', './images/downioad.png');
            hideLoading(layerIndex)
            animatedImplementFun(0);
        },
        error (err) {
            hideLoading(layerIndex)
        }
    })
}
// 点击记录接口
function officialClick (downloadType, downloadUrl) {
    // showLoading();
    networkRequest({
        type: 'GET',
        url: urlPrefix + '/official/click',
        data: { downloadType, downloadUrl },
        success (res) {
        },
        error (err) {
            hideLoading(layerIndex)
        }
    })
}
// 監聽滑動事件
let startY
var length = $('.h5 .pages').length - 1;//
var index = 0;
var touchLength = 100;
$('body .h5').on('touchstart', function (e) {
    startY = e.touches[0].pageY
})
$('body .h5').on('touchend', function (e) {
    let endY = e.originalEvent.changedTouches[0].pageY
    // 上滑
    if (startY - endY >= 50) {
        if (index > length - 1) {
            return;
        } else {
            index = index + 1;
            $('.pagesBox').css("transform", `translateY(-${index * touchLength}%)`);
            animatedImplementFun(index);
        }
    }
    //下滑
    else if (endY - startY >= 50) {
        if (index > 0) {
            index = index - 1;
            $('.pagesBox').css("transform", `translateY(-${index * touchLength}%)`);
            animatedImplementFun(index);
        }
    }
})
// 動畫調用
function animatedImplementFun (index) {
    if (index == 0) {
        // animatedFun($(`body .h5 .pagesBox .page1 .pageTxte1`), ['animate__zoomInDown',]);
        // animatedFun($(`body .h5 .pagesBox .page1 .downioad`), ['animate__wobble',]);
    } else if (index == 1) {
        // animatedFun($(`body .h5 .pagesBox .page2 .pageText2`), ['animate__bounce',]);
        animatedFun($(`body .h5 .pagesBox .page2 .pagetx1`), ['animate__bounceInRight',]);
        animatedFun($(`body .h5 .pagesBox .page2 .pagetx2`), ['animate__bounceInLeft',]);
        // animatedFun($(`body .h5 .pagesBox .page2 .downioad`), ['animate__wobble',]);
    } else if (index == 2) {
        // animatedFun($(`body .h5 .pagesBox .page3 .pageText3`), ['animate__rubberBand',]);
        animatedFun($(`body .h5 .pagesBox .page3 .page3Icon1`), ['animate__lightSpeedInRight',]);
        animatedFun($(`body .h5 .pagesBox .page3 .page3Icon2`), ['animate__lightSpeedInLeft',]);
        animatedFun($(`body .h5 .pagesBox .page3 .page3Icon3`), ['animate__lightSpeedInRight',]);
        animatedFun($(`body .h5 .pagesBox .page3 .page3Icon4`), ['animate__lightSpeedInLeft',]);
        // animatedFun($(`body .h5 .pagesBox .page3 .downioad`), ['animate__slideInUp',]);

    } else if (index == 3) {
        // animatedFun($(`body .h5 .pagesBox .page4 .pageText4 `), ['animate__rubberBand',]);
        animatedFun($(`body .h5 .pagesBox .page4 .page4Icon1 `), ['animate__lightSpeedInLeft',]);
        animatedFun($(`body .h5 .pagesBox .page4 .page4Icon2 `), ['animate__lightSpeedInRight',]);
        // animatedFun($(`body .h5 .pagesBox .page4 .downioad `), ['animate__slideInUp',]);
    } else if (index == 4) {
        // animatedFun($(`body .h5 .pagesBox .page5 .pageTxte5  `), ['animate__jackInTheBox',]);
        // animatedFun($(`body .h5 .pagesBox .page5 .contactUs  `), ['animate__flipInY',]);
        // animatedFun($(`body .h5 .pagesBox .page5 .downioad `), ['animate__slideInUp',]);
    }
}
// 處理動畫
function animatedFun (dom, arrClass) {
    // 獲取元素
    const element = dom;
    // 添加動畫
    element.addClass(...arrClass);
    // 監聽動畫結束
    element[0].addEventListener('animationend', () => {
        element.removeClass(...arrClass);
    });
}
// pc跳轉充值
$('body .pc .header .diamound, html .pc .header .diamound').click(function () {
    window.location = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4'
})
// PC蘋果下載按鈕
$('html .pc .pcIos').click(function () {
    if (ios) {
        officialClick(0,ios);
        window.location = ios;
    } else {
        toastMsg('暫未開放下載，詳情請聯繫客服')
    }
})
// PC安卓下載按鈕
$('html .pc .pcAnd').click(function () {
    if (and) {
        officialClick(1,and);
        window.location = and;
    } else {
        toastMsg('暫未開放下載，詳情請聯繫客服')
    }
})
// h5跳轉充值
$('body .header .diamound, html .header .diamound').click(function () {
    window.location = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4'
})
// h5展開菜單
$('body .header .more, html .header .more').click(function () {
    $('.menu').css("z-index", "4");
    $('.menu').css("height", "100%");
})
// h5收起菜單
$('body .h5 .menu .top .close, html .h5 .menu .top .close').click(function () {
    $('.menu').css("z-index", "1");
    $('.menu').css("height", "0%");
})
// 菜單選項按鈕
$('body .h5 .menu ul li, html .h5 .menu ul li').click(function () {
    var i = $(this).index() + 1;
    if (i == 1) {
        $('.menu').css("z-index", "1");
        $('.menu').css("height", "0%");
        $('.pagesBox').css("transform", `translateY(-${0}%)`);
        index = 0;
    } else if (i == 2) {
        window.location = 'https://api.pekolive.com/peko/modules/h5Income/login.html'
    } else {
        $('.menu').css("height", "0%");
        $('.contactUs_pub').show();
    }
})
// 關閉聯繫我們彈窗
$('body .contactUs_pub .contactUs_pub_in .sClose').click(function () {
    $('.contactUs_pub').hide();
})
// 打開聯繫我們彈窗
$('.page5 .contactUs').click(function () {
    $('.contactUs_pub').show();
})
// h5首頁安卓下載
$('body .h5 .pagesBox .page1 .h5And').click(function () {
    if (and) {
        officialClick(1,and);
        window.location = and;
    } else {
        toastMsg('暫未開放下載，詳情請聯繫客服')
    }
})
// h5首頁蘋果下載
$('body .h5 .pagesBox .page1 .h5Ios').click(function () {
    if (ios) {
        officialClick(0,ios);
        window.location = ios;
    } else {
        toastMsg('暫未開放下載，詳情請聯繫客服')
    }
})
// h5自動識別普通下載
$('body .h5 .pagesBox .pages .downioad').click(function () {
    if (url) {
        if (browser.ios) {
            officialClick(0,url);
            window.location = url;
        } else if (browser.android) {
            officialClick(1,url);
            window.location = url;
        } else {
            $('.menu').css("z-index", "1");
            $('.pagesBox').css("transform", `translateY(-${0}%)`);
            index = 0;
        }
    } else {
        toastMsg('暫未開放下載，詳情請聯繫客服')
    }
})
// 禁止瀏覽器下拉刷新

document.addEventListener('touchmove', event => {
    event.preventDefault()
}, { passive: false })