$(document).ready(function(){

    showPage();
    
    //切换算法 重新调用接口
    var gameType = appData.type;
    var gameSF = appData.sf;
    var gameMS = appData.ms;
    console.log( 'sf=',appData.sf );
    console.log( 'gameMS=',gameMS );

    getForecastData(gameType, gameMS ,gameSF);

    setTimeout(() => {
        getData();
    }, 4000);
    

    //列表切换
    $(".result-nav span").click(function(e){
        var tab = e.target.dataset.tab;
        $(".result-active").removeClass('result-active');
        $(e.target).addClass('result-active');
        $(".result-table").hide();
        $("#" + tab).show();
        if( tab == 'forecast' ){
            getForecastData(gameType,gameMS,gameSF);
        }
    });
    //算法切换
    // $(".sf_box span").click(function(e){
    //     $(".sf_box span").removeClass("nav-active");
    //     $( e.target ).addClass('nav-active');

    //     var gameType = appData.type;
    //     var sfIndex = e.target.dataset.index|| 1;//获取算法index
    //     var forecastType = $(".forecast-nav .active").attr('data-type');//获取模式
    //     getForecastData(gameType, forecastType, sfIndex);
    // });
    // 模式切换
    // $(".forecast-nav span").click(function(e){
    //     $(".forecast-nav span").removeClass("active");
    //     $( e.target ).addClass('active');

    //     var types = e.target.dataset.type;
    //     var gameType = appData.type;
    //     var sfIndex = getSfIndex() || 1;
    //     getForecastData(gameType, types,sfIndex);
    // });
    
    
    var show_ioslogo = $.cookie('show_ioslogo')
    if(!show_ioslogo){
        let isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
        if(isiOS){
            $('.foot-bookmark').show()
        }
    }
});

function renderCodeStyle(codeStr){
    
    if( codeStr ){
        if( codeStr == '---' ){
            return '---';     
        }
        let codeSplit = codeStr.split('=');
        let sum = codeSplit[1];
        let codeArr = codeSplit[0].split('+');
        let codeDom = '';
        codeArr && codeArr.forEach(val=>{
            codeDom += '<em class="code-item bg-danger">'+val+'</em>'
        })
        codeDom += '<em class="code-sum bg-primary">'+sum+'</em>'
        return codeDom;
    }
    return false;
}

function getForecastData(game, type,sf = 1){
    $.ajax({
        url: '/data/get/getForecastByType',
        data: {
            game: game,
            type: type,
            sf:sf,
        },
        type: 'GET',
        success: function (res) {
            $("#forecast").find(".result-tr").remove();
            $(".issue-box").find(".win_box").remove();
            if(type == "sz"){
            
                $.each(res.data, function(i, item) {
                    $("#forecast").append('<div class="result-tr"><span>'+ item['qishu'] +'</span><span>'+ ( renderCodeStyle(item['kjcodestr']) || item['kjcode'] ) +'</span><span id="sz">'+ item['dx'] + item['ds'] +'</span><span><span style="color: #00a0e9">'+ item['yesno'] +'</span></span></div>');
                });
            } else {
                $.each(res.data, function(i, item) {
                    $("#forecast").append('<div class="result-tr"><span>'+ item['qishu'] +'</span><span>'+ (  renderCodeStyle(item['kjcodestr']) || item['kjcode'] ) +'</span><span>'+ item['dx'] + item['ds'] +'</span><span><span style="color: #00a0e9">'+ item['yesno'] +'</span></span></div>');
                });
            }
            
            if( res.data.length < 1 ){
                return;
            }
            var win_cout = 0;
            var lose_cout = 0;
            var success_rate = 0;
            var kj_count = (res.data.length-1);
            res.data.forEach((val)=>{
                if( val.win == 1 ){
                    win_cout++;
                }else if( val.win == 0 ){
                    lose_cout++;
                }
            });
            success_rate = (win_cout / kj_count * 100).toFixed(0);
            $(".issue-box").append('<h5 class="win_box"> <p>'+kj_count+'期 正确：'+ win_cout +' 期 错误：'+ lose_cout +' 期</p> <p>正确率：'+success_rate+'%</p> </h5>')
            
        }
    })
}

var times;
var timeout;
function showPage(){
    if(location.host == 'localhost:8092'){
        caijiData()
    }
    times = appData['time']['t'];
    timeout = setInterval(function () {
        times = times - 1;
        setTime(times);
    }, 1000)
}


function caijiData(){
    $.ajax({
        url: '/data/caiji/get',
        type: 'GET',
        timeout: 10000,
        success: function (res) {
            // console.log('采集成功==',res)
        }
    });
}

function formatData(isUpdate){

    //更新页面dom数据
    $("#qishu").text(appData['issue'][0]['qishu']);
    $("#qishu2").text(appData['issue'][0]['qishu']);
    $("#mi-qishu").text(appData['issue'][0]['qishu']);
    $("#mi-qishu2").text(appData['issue'][0]['qishu']?parseInt(appData['issue'][0]['qishu'])+1:appData['issue'][0]['qishu']);
    $("#mipai-num1").text(appData['issue'][0]['num1']);
    $("#mipai-num2").text(appData['issue'][0]['num2']);
    $("#mipai-num3").text(appData['issue'][0]['num3']);
    $("#mipai-num4").text(appData['issue'][0]['sum']);

    $("#mi-num1").text(appData['issue'][0]['num1']);
    $("#mi-num2").text(appData['issue'][0]['num2']);
    $("#mi-num3").text(appData['issue'][0]['num3']);
    $("#mi-num4").text(appData['issue'][0]['sum']);
    $("#mi-dx").text(appData['issue'][0]['dx']);
    $("#mi-ds").text(appData['issue'][0]['ds']);
    // 改变大小单双颜色
    if( appData['issue'][0]['dx'] == '大' ){
        $("#mi-dx").css("background-color","#dc3545")
    }else if( appData['issue'][0]['dx'] == '小' ){
        $("#mi-dx").css("background-color","#007bff")
    }
    if( appData['issue'][0]['ds'] == '双' ){
        $("#mi-ds").css("background-color","#dc3545")
    }else if( appData['issue'][0]['ds'] == '单' ){
        $("#mi-ds").css("background-color","#007bff")
    }

    formatResult();
    formatTrend();
    formatCensus();
    formatForecast();
}

function setTime(time){
    var hour = parseInt(time/60/60);
    var min = parseInt(time/60%60);
    var sec = parseInt(time%60);
    if(hour < 10){
        hour = "0" + hour;
    }
    if(min < 10){
        min = "0" + min;
    }
    if(sec < 10){
        sec = "0" + sec;
    }
    if(time >= 0){
        var timeHtml = "<b>"+ min +"</b><span>分</span><b>"+ sec +"</b><span>秒</span>";
        if(hour > 0){
            timeHtml = "<b>"+ hour +"</b><span>时</span><b>"+ min +"</b><span>分</span><b>"+ sec +"</b><span>秒</span>";
        }
        $("#times").html(timeHtml);
        if(hour > 0){
            $("#mi-time").html(hour+"时"+min + "分" + sec); 
        }else{
            $("#mi-time").html(min + "分" + sec);
        }
        // window.is_kj = false;
    } else {
        // window.is_kj = true;
        // if( !socketStore.connected && !(socketStore.socket && socketStore.socket.readyState == 1) ){//未连接ws成功 自己调用
        //     getData();
        // }
        
        $("#times").html("开奖中");
        $(".center-lo").show();
        $("#mi-time").html('--' + "分" + '--');
        getData();

        if(location.host == 'localhost:8092'){
            caijiData()
        }
        
    }
}

var xhrArrs = [];//请求数组
function getData(callback){
    var xhrAjax = $.ajax({
        url: '/data/get/checkData',
        data: {
            type: appData['type'],
            sf:appData['sf'],
            ms:appData['ms'],
        },
        timeout: 10000,
        type: 'GET',
        success: function (res) {
            if(res.time.t > 0){
                clearInterval(timeout);
                appData = res;
                showPage();
                formatData();
                reset_tc();
                $(".center-lo").hide();
            }
            callback && callback(res);

            xhrArrs.forEach(function(xhr){
                xhr.abort();//暂停checkData其他请求
            })
            xhrArrs = [];//清空请求数组
        },
        error: function () {
            callback && callback(false)
        }
    });
    xhrArrs.push(xhrAjax);
}

// 未开
function formatResult(){
    //新展示结果未开多少
    $('.result-box').html('');
    $('.result-box').find(".result-weikai").remove();
    let wkhtml = '';
    let dsObj={
        'DADAN': '大单',
        'DASHUANG': '大双',
        'XIAODAN': '小单',
        'XIAOSHUANG': '小双',
    }
    console.log('appData==',appData);
    Object.keys(dsObj).forEach((val)=>{
        if( appData['num']['done_data'][val] != 0){
            wkhtml = wkhtml+'<div class="result-weikai"><span>'+dsObj[val]+'</span><span>未开: <span class="strong-txt" id="'+val+'">'+appData['num']['done_data'][val]+'</span> 期</span></div>'
        }
    })
    $('.result-box').append(wkhtml);
}

function formatTrend(){
    $("#trend").find(".result-tr").remove();
 
    $.each(appData.issue, function(i, item) {
        let da, xiao, dan, shuang, dadan, dashuang, xiaodan, xiaoshuang;
        let sum = Number(item.sum);
        if(sum > 13){
            da = '<span><i class="badge-o">大</i></span>';
            xiao = '<span></span>';
            if(sum % 2 != 0){
                dadan = '<span class="p120"><i class="badge-g">大单</i></span>';
                dashuang = '<span class="p120"></span>';
            } else {
                dadan = '<span class="p120"></span>';
                dashuang = '<span class="p120"><i class="badge-o">大双</i></span>';
            }
            xiaodan = '<span class="p120"></span>';
            xiaoshuang = '<span class="p120"></span>';
        } else {
            da = '<span></span>';
            xiao = '<span><i class="badge-g">小</i></span>';
            if(sum % 2 != 0){
                xiaodan = '<span class="p120"><i class="badge-g">小单</i></span>';
                xiaoshuang = '<span class="p120"></span>';
            } else {
                xiaodan = '<span class="p120"></span>';
                xiaoshuang = '<span class="p120"><i class="badge-o">小双</i></span>';
            }
            dadan = '<span class="p120"></span>';
            dashuang = '<span class="p120"></span>';
        }
        if(sum % 2 != 0){
            dan = '<span><i class="badge-g">单</i></span>';
            shuang = '<span></span>';
        } else {
            dan = '<span></span>';
            shuang = '<span><i class="badge-o">双</i></span>';
        }
        var trendHtml = '<div class="result-tr"><span class="p200">'+ item['qishu'] +'</span><span>'+ sum +'</span>'+ da + xiao + dan + shuang + dadan + dashuang + xiaodan + xiaoshuang + '</div>';

        $("#trend").append(trendHtml);
    });
    
    /*var da, xiao, dan, shuang, dadan, dashuang, xiaodan, xiaoshuang;
    var sum = Number(appData['issue'][0]['sum']);
    if(sum > 13){
        da = '<span><i class="badge-o">大</i></span>';
        xiao = '<span></span>';
        if(sum % 2 != 0){
            dadan = '<span class="p120"><i class="badge-g">大单</i></span>';
            dashuang = '<span class="p120"></span>';
        } else {
            dadan = '<span class="p120"></span>';
            dashuang = '<span class="p120"><i class="badge-o">大双</i></span>';
        }
        xiaodan = '<span class="p120"></span>';
        xiaoshuang = '<span class="p120"></span>';
    } else {
        da = '<span></span>';
        xiao = '<span><i class="badge-g">小</i></span>';
        if(sum % 2 != 0){
            xiaodan = '<span class="p120"><i class="badge-g">小单</i></span>';
            xiaoshuang = '<span class="p120"></span>';
        } else {
            xiaodan = '<span class="p120"></span>';
            xiaoshuang = '<span class="p120"><i class="badge-o">小双</i></span>';
        }
        dadan = '<span class="p120"></span>';
        dashuang = '<span class="p120"></span>';
    }
    if(sum % 2 != 0){
        dan = '<span><i class="badge-g">单</i></span>';
        shuang = '<span></span>';
    } else {
        dan = '<span></span>';
        shuang = '<span><i class="badge-o">双</i></span>';
    }
    var trendHtml = '<div class="result-tr"><span class="p200">'+ appData['issue'][0]['qishu'] +'</span><span>'+ sum +'</span>'+ da + xiao + dan + shuang + dadan + dashuang + xiaodan + xiaoshuang + '</div>';
    $("#trend .result-thead").after(trendHtml);
    $("#trend .result-tr").eq(-1).remove();*/
}


function formatCensus(){
    $.each(appData['num']['done_data'], function(i, item) {
        $("#" + i).html(item);
    });
    $.each(appData['num']['pode_data'], function(i, item) {
        $("#" + i).html(item);
    });
}

function formatForecast(){ //初始化调用数据   路由切换取 appdata
    var gameType = appData.type;
    var forecastType = appData.ms;
    var sfIndex = appData.sf;
    // var sfIndex = getSfIndex() || 1;
    // var forecastType =  getForecastType();
    getForecastData(gameType, forecastType,sfIndex);

}

// function getForecastType(){
//     return $(".forecast-nav .active").attr('data-type') || 'zh';
// }
// function getSfIndex(){
//     return $(".sf_box .nav-active").attr('data-index') || 1;
// }

function openMipai(){
    $('.mipai').css({zIndex:1000000,display:'flex'});
    setTimeout(() => {
        set_tc()
    }, 500);
}
function closeMipai(){
    $('.mipai').css({zIndex:-1,display:'none'});
    reset_tc();
}


checkDomain()
function checkDomain(){
    var host = window.location.host,
    urlList = [
        'qx28.vip',
        'pczi.cn',
        'jd28.tv',
        'jd28.co'
    ];
    if(urlList.indexOf(host) > -1){
        setTimeout(function(){
            window.location.href = 'http://www.baidu.com'
        }, 100);
    }
}

function hideIosLogo(){
    $('.foot-bookmark').hide()
    $.cookie('show_ioslogo', '1', { expires: 1 })
}


document.addEventListener('visibilitychange', function () {
    // 用户息屏、或者切到后台运行 （离开页面）
    if (document.visibilityState === 'hidden') {
        console.log('hidden')
    }
    // 用户打开或回到页面
    if (document.visibilityState === 'visible') {
        getData();//需要更新
    }
})