var browser = checkVersion();
const urlPrefix = getUrlPrefix();//判断正式环境或者测试环境
getInfoFromClient();
let getDataArr = [];//初始化接口返回结果;
let undoneStatus = 0;//未集齐
let OutTimeStatus = 1;//集齐但时间未开始
let lotteryStatus = 2;//可开奖状态
let outLotteryStatus = 3;//未集齐时间结束状态
let drawDegreeArr = [];//瓜分金币之后的数据
let drawDegree = null;//剩余瓜分次数
let timeQuery = null;
let time = null;
$(function () {
    // debug
    if (EnvCheck() == 'test') {
        new VConsole();
    }
    setTimeout(function () {
        getData();
    }, 30)


    // 初始化接口
    function getData() {
        networkRequest({
            type: 'GET',
            url: urlPrefix + '/activity/fortune/getUserFortuneInfo',
            data: {
                uid: pubInfo.uid,
            },
            success: function (res) {
                if (res.code == 200) {
                    getDataArr = res.data;
                    // console.log(getDataArr)
                    drawDegree = res.data.awardNum;
                    console.log(drawDegree);
                    if (res.timestamp < res.data.collectStartTime) {
                        $('.foca_boxOut').css({ display: 'block' });
                        $('.foca_card .card .card_number').css({ display: 'none' });
                        getDataStyle(getDataArr, res);
                        console.log('活动未开始')
                    } else {
                        $('.foca_boxOut').css({ display: 'none' });
                        $('.foca_card .card .card_number').css({ display: 'block' });
                        getDataStyle(getDataArr, res)
                        countTime()
                    }
                }
            },
            error: function (res) {
                console.log(res, '报错啦');
            }
        })
    }
    function getDataStyle(data, res) {
        // 判断状态
        // getDataArr.drawStatus = 1;
        if (res.timestamp < res.data.collectStartTime) {
            focaBoxFun('none', 'none', 'none', 'none', 'none');
        } else {
            if (getDataArr.drawStatus == undoneStatus) {
                focaBoxFun('block', 'none', 'none', 'none', 'none');
            } else if (getDataArr.drawStatus == OutTimeStatus) {
                focaBoxFun('none', 'block', 'none', 'none', 'none');
                $('.foca_box1 .foca_text b').text(getDataArr.awardNum)//已获得领取次数
            } else if (getDataArr.drawStatus == lotteryStatus) {
                focaBoxFun('none', 'none', 'block', 'none', 'none');
                $('.foca_box3 .foca_last b').text(getDataArr.allGold)//设置瓜分总金币
                $(' .foca_box3 .foca_text b').text(getDataArr.awardNum)//剩余领取次数
                if (getDataArr.awardNum == 0) {
                    $('.foca_box3 .foca_but').css({ "background": "url(./image/failBut.png) no-repeat", "background-size": "100%" })
                }
            } else if (getDataArr.drawStatus == outLotteryStatus) {
                focaBoxFun('none', 'none', 'none', 'block', 'none');
            }
        }
        // 头饰和座驾
        $('.headwearTop .top img').attr('src', data.headUrl);
        $('.headwearBottom .top img').attr('src', data.carUrl);
        // 福卡数量
        data.prizeList.forEach((res, index) => {
            $('.foca .foca_card .card').children('div')[index].innerText = res.prizeNum;
        });
        // 集卡人数
        $('.title_people b').text(data.peopleNum);

    }

    // 点击领取事件
    let status = true;
    $('.foca_box3 .foca_but').click(function () {
        console.log(drawDegreeArr)
        console.log('剩余次数：' + drawDegree);
        $('.foca_box3 .foca_text b').text(drawDegree)//剩余瓜分次数
        if (drawDegree > 0) {
            if (getDataArr.awardNum > 0) {
                if (status) {
                    status = false;
                    networkRequest({
                        type: 'post',
                        url: urlPrefix + '/activity/fortune/receiveAward',
                        data: {
                            uid: pubInfo.uid,
                            ticket: pubInfo.ticket,
                        },
                        success: function (res) {
                            if (res.code == 200) {
                                console.log(res.data)
                                drawDegreeArr = res.data;
                                drawDegree = res.data.awardNum;
                                awardAfterFun(res.data);
                                if (res.data.awardNum == 0) {
                                    $('.foca_box3 .foca_but').css({ background: 'url(./image/failBut.png) no-repeat', 'background-size': "100% 100%" })
                                }
                                status = true;
                            } else if (res.code == 10007) {
                                window.location.reload();
                            }
                        },
                        error: function (res) {
                            status = true;
                            console.log(res, '报错啦');
                        }
                    })
                } else {
                    console.log('还没请求完')
                }

            } else {
                focaBoxFun('none', 'none', 'none', 'block', 'none');
            }
        } else {
            console.log(drawDegreeArr)
            $('.foca_box3 .foca_but').css({ background: 'url(./image/failBut.png) no-repeat', 'background-size': "100% 100%" })
            console.log('剩余瓜分次数不足')
        }
    })
    // 弹窗关闭按钮
    $('.pop_up .pop_up_box img').click(function () {
        $('.pop_up').css({ display: "none" })
    })
    // 倒计时
    function countTime() {
        //获取当前时间  
        var date = new Date();
        var now = date.getTime();
        //设置截止时间  
        var end = getDataArr.collectEndTime; //结束时间;

        //时间差  
        var leftTime = end - now;
        // console.log(leftTime)
        //定义变量 d,h,m,s保存倒计时的时间  
        var d, h, m, s;
        if (leftTime >= 0) {
            d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
            h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
            m = Math.floor(leftTime / 1000 / 60 % 60);
            s = Math.floor(leftTime / 1000 % 60);
        }
        //将倒计时赋值到div中
        if (leftTime > 0) {
            if (getDataArr.drawStatus == undoneStatus) {
                $('.foca_box .dd').text(d)
                $('.foca_box .hh').text(h)
                $('.foca_box .mm').text(m)
                $('.foca_box .ss').text(s)
            } else if (getDataArr.drawStatus == OutTimeStatus) {
                $('.foca_box1 .dd').text(d)
                $('.foca_box1 .hh').text(h)
                $('.foca_box1 .mm').text(m)
                $('.foca_box1 .ss').text(s)
            }
            console.log('倒计时中')
            // startTime++;
        } else if (leftTime <= 0) {
            console.log(leftTime);
            console.log('倒计时结束');
            // window.location.reload();//刷新当前页面
            clearInterval(time);

            // if (getDataArr.awardNum == 0) {
            //     focaBoxFun('none', 'none', 'none', 'block', 'none');
            // } else
            if (getDataArr.awardNum != 0 && getDataArr.drawStatus == OutTimeStatus) {
                $('.foca_text b').text(getDataArr.awardNum);
                focaBoxFun('none', 'none', 'none', 'none', 'block');
            } else if (getDataArr.awardNum != 0 && getDataArr.drawStatus == lotteryStatus) {
                $('.foca_text b').text(getDataArr.awardNum);
                focaBoxFun('none', 'none', 'block', 'none', 'none');
            }

            return;
        }
        //递归每秒调用countTime方法，显示动态时间效果  
        time = setTimeout(countTime, 1000);
    }
    // 点击领取后的处理
    function awardAfterFun(data) {
        $('.pop_up .pop_up_box span').text(data.activeGold + '鉆石');//当前瓜分金币数量
        $('.foca_box3 .foca_last b').text(data.allGold);//瓜分后的总金币数
        $('.foca_box3 .foca_text b').text(data.awardNum)//剩余瓜分次数
        $('.pop_up').css({ display: "block" })
    }
    // 福卡样式
    function focaBoxFun(value, value1, value3, value4, value11) {
        $('.foca_box').css({ display: value });
        $('.foca_box1').css({ display: value1 });
        $('.foca_box11').css({ display: value11 });
        // $('.foca_box2').css({ display: value2 });
        $('.foca_box3').css({ display: value3 });
        $('.foca_box4').css({ display: value4 });
    }
})