let baseUrl = EnvCheck() == 'test' ? 'https://beta.api.pekolive.com' : 'https://api.pekolive.com'
let browser = checkVersion()
let locateObj = getQueryString()
let info = {}
let showLoading = () => {
    layer.open({
        type: 2,
        shadeClose: false
    })
}

let hideLoading = () => {
    layer.closeAll()
}

let toastMsg = (content = '操作完成', time = 2) => {
    layer.open({
        content,
        skin: 'msg',
        time
    })
}

$(function () {
    if (browser.app) {
        if (browser.ios) {
            var allcookies = document.cookie;
            var $uid = allcookies.match(/\d+/);
            info.uid = $uid[0]
            window.webkit.messageHandlers.getTicket.postMessage(null);
        } else if (browser.android) {
            if (androidJsObj && typeof androidJsObj === 'object') {
                info.uid = parseInt(window.androidJsObj.getUid());
                info.ticket = window.androidJsObj.getTicket();
            }
        }   
    } else {
        
    }

    function getData(){
        showLoading()
        $.ajax({
            type: 'GET',
            url: baseUrl + '/luckybag/poolList',
            headers: {
                pub_ticket: info.ticket,
                pub_uid: info.uid,
            },
            data: {
                giftId: locateObj.giftId
            },
            success(res) {
                hideLoading()
                if(res.code == 200){
                    renderGiftList(res.data.poolList)
                    $('.gift').html(res.data.gift.giftName)
                }
            },
            error(){
                hideLoading()
                toastMsg('网络错误')
            }
        })
    }

    function renderGiftList(data){
        
        let arr = data.map(function(item){
            return `
                <li>
                    <img src="${item.giftPic}" alt="" class="gift-pic">
                    <div class="gift-detail">
                        <p class="gift-name">${item.giftName}</p>
                        <p>
                            <span class="gift-price">${item.giftValue}</span>
                            <img src="./images/diamond.png" alt="" class="diamond">
                        </p>
                    </div>
                    <span class="prop">${item.rate.toFixed(2) + '%'}</span>
                </li>
            `
        })
        let str = arr.join('')
        $('ul').html(str)
    }

    setTimeout(()=>{
        getData()
    },50)
})

function getMessage(key, value) {
    info[key] = value;
}