let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
    new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
var langReplace;
var localLang;
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
    layer.open({
        type: 2,
        shadeClose: false,
        content,
        success(e) {
            layerIndex = $(e).attr('index')
        }
    })
}
const hideLoading = (index) => {
    layer.close(index)
}
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
    layer.open({
        content,
        time,
        skin: 'msg'
    })
}
var roleTypes;
var searTime;
var guildNick;
var backgroundUrl;
var payoneer;
var usdt;
var payPal;
var familyMemberId;
// 初始化函數
$(function () {
    getInfoFromClient();
    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
    setTimeout(function () {
        // 頁面全屏
        if (browser.app) {
            if (browser.android) {
                window.androidJsObj.initShowNav(false)
            } else {
                window.webkit.messageHandlers.initShowNav.postMessage(0)
            }
        };
        // 頂部返回事件
        $('.back img').click(() => {
            if (browser.android) {
                window.androidJsObj.closeWebView()
            } else {
                window.webkit.messageHandlers.closeWebView.postMessage(null)
            }
        })
        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
        langReplace = window.lang.replace;
        localLang = window.lang;
        translateFun();
        get();
    }, 100)
})
function translateFun() {
    var langReplace = window.lang.replace;
    var localLang = window.lang;
    $('.text1').text(langReplace(localLang.demoModule.text1));
    // $('.text2').text(langReplace(localLang.demoModule.text2));
    $('.text3').text(langReplace(localLang.demoModule.text3));
    $('.text4').text(langReplace(localLang.demoModule.text4));
    $('.text5').text(langReplace(localLang.demoModule.text5));
    $('.text6').text(langReplace(localLang.demoModule.text6));
    $('.text7').text(langReplace(localLang.demoModule.text7));
    $('.text8').text(langReplace(localLang.demoModule.text8));
    $('.text9').text(langReplace(localLang.demoModule.text9));
    $('.text10').text(langReplace(localLang.demoModule.text10));
    $('.text16').attr('placeholder', langReplace(localLang.demoModule.text16));
    $('.texts1').text(langReplace(localLang.demoModule.texts1));
    $('.texts2').text(langReplace(localLang.demoModule.texts2));
    $('.texts3').text(langReplace(localLang.demoModule.texts3));
    $('.texts4').text(langReplace(localLang.demoModule.texts4));
    $('.texts5').text(langReplace(localLang.demoModule.texts5));
    $('.newText1').text(langReplace(localLang.demoModule.newText1));
    $('.newText2').text(langReplace(localLang.demoModule.newText2));
    $('.newText3').text(langReplace(localLang.demoModule.newText3));
    $('.audit').text(langReplace(localLang.demoModule.audit));
    $('.weeklyRewardsText1').text(langReplace(localLang.demoModule.weeklyRewardsText1));
    // $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
    $('.weeklyRewardsText3').text(langReplace(localLang.demoModule.weeklyRewardsText3));
    $('.weeklyRewardsText4').text(langReplace(localLang.demoModule.weeklyRewardsText4));
    $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
}
// 判断公会身份函数
function guildFun(type) {
    // 公会长
    if (type == 1) {
        $('.guildList .top img').show()
        $('.guildList .top input').show()
        $('.headerBox .myWages').hide()
    }
    // 管理员
    else if (type == 2) {
        $('.headerBox .guildInfoSet').hide();
        $('.headerBox .adminSet').hide();
        $('.guildList .top input').show()
        $('.memberFlow2').hide()
    }
    // 普通成员
    else if (type == 3) {
        $('.headerBox .guildInfoSet').hide();
        $('.headerBox .adminSet').hide();
        $('.headerBox .memberFlow').hide();
        $('.memberFlowMy').show()
        $('.guildNick').show()
        $('.guildList .top input').show()
        $('.memberFlow2').hide();

    }
    // 非公会成员
    else {
    }
}
// 配置接口
function get() {
    showLoading()
    networkRequest({
        type: 'get',
        url: urlPrefix + '/family/get',
        success(res) {
            if (res.code === 200) {
                // 判断身份
                roleTypes = res.data.roleType;
                guildFun(roleTypes);
                if (res.data.wageEnable == false) {
                    // $('.memberFlow2').hide();
                }
                $('.text2').text(res.data.name)
                // 渲染基本信息
                $('.header .tx').attr('src', res.data.avatar);
                $('.header .nick').text(res.data.name);
                guildNick = res.data.name;
                backgroundUrl = res.data.backgroundUrl;
                console.log(res.data);
                if (res.data.payAccount) {
                    payoneer = res.data.payAccount.payoneer;
                    usdt = res.data.payAccount.usdt;
                    payPal = res.data.payAccount.payPal;
                }
                familyMemberId = res.data.familyMemberId;
                $('.header .id').text('ID：' + res.data.owner.erbanNo);
                $('.header').css({ "background": `url(${res.data.backgroundUrl}) no-repeat`, "background-size": "100% 100%" });
                $('.header .guildNick').text(langReplace(localLang.demoModule.text11) + res.data.name);
                // 处理成员
                var str = '';
                $('.guildList .top i').text(`(${res.data.members.length})`);
                $('.guildList ul li').remove();
                res.data.members.forEach((res, i) => {
                    str += `
                        <li>
                            <div class="chairman" ${res.roleType == 1 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
                            <div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
                            <img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
                            <div class="user">
                                <p>${res.nick}</p>
                                <img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
                                <img src="${res.userLevel.experUrl}" alt="" class="wealth">
                                <img src="${res.userLevel.charmUrl}" alt="" class="charm">
                                <b>ID:${res.erbanNo}</b>
                            </div>
                            ${roleTypes == 1 && res.roleType != 1 ? `<div uid=${res.uid}  class="but" style="display:block"}">${langReplace(localLang.demoModule.text14)}</div>` : roleTypes == 2 && res.roleType != 1 && res.roleType != 2 ? `<div uid=${res.uid}  class="but" style="display:block"}">${langReplace(localLang.demoModule.text14)}</div>` : `<div uid=${res.uid}  class="but" style="display:none"}">${langReplace(localLang.demoModule.text14)}</div>`}
                           
                        </li >
                    `
                });
                $('.guildList ul').append(str);
                // 渲染周奖励
                // if (res.data.weekLevelReward?.dateRange && res.data.weekLevelReward?.itemList[0]) {
                //     $('.weeklyRewards .weeklyRewards_in .box .left span').text(unitProcessingAr(res.data.weekLevelReward.itemList[0].rewardNum, 2));
                //     $('.weeklyRewards .weeklyRewards_in .box .right .textTop .l b').text(res.data.weekLevelReward.itemList[0].level);
                //     $('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b1').text(res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum);
                //     $('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b2').text(res.data.weekLevelReward.itemList[0].maxNum);
                //     $('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress span').text(res.data.weekLevelReward.itemList[0].preMaxNum);
                //     $('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress b').text(res.data.weekLevelReward.itemList[0].maxNum);
                //     var widthVal = ((res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum) - (res.data.weekLevelReward.itemList[0].preMaxNum)) / (res.data.weekLevelReward.itemList[0].maxNum - res.data.weekLevelReward.itemList[0].preMaxNum) * 100
                //     $('.weeklyRewards .weeklyRewards_in .box .right .line .line_in').css('width', `${widthVal}%`);
                //     $('.weeklyRewards .weeklyRewards_in .box .left .get').attr('id', res.data.weekLevelReward.itemList[0].id);
                //     if (res.data.weekLevelReward.itemList[0].status == 1) {
                //         $('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getAct');
                //         $('.weeklyRewards .weeklyRewards_in .box .left .get').attr('status', res.data.weekLevelReward.itemList[0].status);
                //     }
                //     if (res.data.weekLevelReward.itemList[0].status == 2) {
                //         $('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getOut');
                //         $('.weeklyRewards .weeklyRewards_in .box .left .get').text(langReplace(localLang.weeklyRewards.text5))
                //     }
                // } else {
                //     $('.weeklyRewards').hide();
                // }
            } else {
                toastMsg(res.message)
            }
            hideLoading(layerIndex)
        },
        error(err) {
            hideLoading(layerIndex)
            toastMsg(langReplace(localLang.demoModule.layerIndex3))
        }
    })
}
// 领取按钮
$('.weeklyRewards .weeklyRewards_in .box .left .get').click(function () {
    var status = $(this).attr('status');
    var id = $(this).attr('id');
    if (status == 1) {
        getReward(id);
    }
})
function getReward(id) {
    showLoading()
    networkRequest({
        type: 'post',
        url: urlPrefix + '/familyMemberWeekLevelReward/getReward',
        data: {
            id,
        },
        success(res) {
            if (res.code === 200) {
                get();
            } else {
                toastMsg(res.message)
            }
            hideLoading(layerIndex)
        },
        error(err) {
            hideLoading(layerIndex)
            toastMsg(langReplace(localLang.demoModule.layerIndex3))
        }
    })
}
// 监听移除输入框
$(".guildList .top input").bind("input propertychange", function () {
    let value = $(this).val()//拿到输入的值
    clearTimeout(searTime);
    searTime = setTimeout(function () {
        searchUser(value);
    }, 800)
})
// 搜索移除接口
function searchUser(erbanNo) {
    if (erbanNo == '') {
        get();
    } else {
        $('.guildList ul li').remove();
        networkRequest({
            type: 'get',
            url: urlPrefix + '/family/searchUser',
            data: { erbanNo, type: 2 },
            success(res) {
                if (res.code === 200) {
                    var res = res.data;
                    var str = `
                        <li>
                            <div class="chairman" ${res.roleType == 3 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
                            <div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
                            <img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
                            <div class="user">
                                <p>${res.nick}</p>
                                <img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
                                <img src="${res.userLevelVo.experUrl}" alt="" class="wealth">
                                <img src="${res.userLevelVo.charmUrl}" alt="" class="charm">
                                <b>ID:${res.erbanNo}</b>
                            </div>
                            ${roleTypes == 1 ? `<div uid=${res.uid}  class="but" style="display:block"}">${langReplace(localLang.demoModule.text14)}</div>` : roleTypes == 2 && res.roleType != 1 && res.roleType != 2 ? `<div uid=${res.uid}   class="but" style="display:block"}">${langReplace(localLang.demoModule.text14)}</div>` : `<div uid=${res.uid}  class="but" style="display:none"}">${langReplace(localLang.demoModule.text14)}</div>`}
                        </li>
                    `
                    $('.guildList ul').append(str);
                } else {
                    toastMsg(res.message)
                }
                hideLoading(layerIndex)
            },
            error(err) {
                hideLoading(layerIndex)
                toastMsg(langReplace(localLang.demoModule.layerIndex3))
            }
        })
    }
}
// 移除按钮
$('.guildList ul').on('click', 'li .but', function () {
    var uid = $(this).attr('uid');
    $('.pub .pub_in p').text(langReplace(localLang.demoModule.text15));
    $('.pub .pub_in .butBox .ok').attr("uid", uid);
    $('.pub').show();
})
// 跳转个人资料页
$('.guildList ul').on('click', 'li .tx', function () {
    var uid = $(this).attr('uid');
    if (browser.ios) {
        window.webkit.messageHandlers.openPersonPage.postMessage(uid);
        setTimeout(function () { lock = true; }, 200)
    } else if (browser.android) {
        if (androidJsObj && typeof androidJsObj === 'object') {
            window.androidJsObj.openPersonPage(uid);
        }
    }
})

//移除接口
function setManager(targetUid) {
    $('.guildList ul li').remove();
    networkRequest({
        type: 'post',
        url: urlPrefix + '/family/removeMember',
        data: { targetUid },
        success(res) {
            if (res.code === 200) {
                $('.pub').hide();
                get();
            } else {
                toastMsg(res.message)
            }
            hideLoading(layerIndex)
        },
        error(err) {
            hideLoading(layerIndex)
            toastMsg(langReplace(localLang.demoModule.layerIndex3))
        }
    })

}
// 确认移除此人按钮
$('.pub .pub_in .butBox .ok').click(function () {
    var uid = $(this).attr('uid');
    setManager(uid)
})
// 关闭弹窗
$('.pub .pub_in .butBox .close').click(function () {
    $('.pub').hide();
})
// 管理员设置
$('.adminSet').click(function () {
    window.location.href = `./adminSet2.html?roleTypes=${roleTypes}`
})
// 公会信息设置
$('.guildInfoSet').click(function () {
    window.location.href = `./guildInfoSet.html?guildNick=${guildNick}&backgroundUrl=${backgroundUrl}&payoneer=${payoneer}&usdt=${usdt}&payPal=${payPal}`
})
// 金币收入统计
$('.header .memberFlow').click(function (params) {
    window.location.href = `./memberFlow.html`
})
// 工资收入统计
$('.memberFlow2').click(function (params) {
    window.location.href = `./memberFlow2.html`
})
// 邀请成员
$('.inveMember').click(function (params) {
    window.location.href = `./invitation.html`
})
// 我的工资
$(`.myWages`).click(function (params) {
    window.location.href = `./memberFlow222.html?familyMemberId=${familyMemberId}`
})
// 硬币收入统计
$(`.incomeStatistics`).click(function (params) {
    window.location.href = `./incomeStatistics.html?roleTypes=${roleTypes}`
})