let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let queryObj = getQueryString();
var langReplace;
var localLang;
if (EnvCheck() === 'test') new VConsole
// 页面全屏
if (browser.app) {
  if (browser.android) {
    // window.androidJsObj.initShowNav(false)
  } else {
    // window.webkit.messageHandlers.initShowNav.postMessage(0)
  }
}

// 封装layer消息提醒框
let layerIndex
const showLoading = () => {
  layer.open({
    type: 2,
    shadeClose: false,
    content: langReplace(localLang.demoModule.hour_text5),
    success(e) {
      layerIndex = $(e).attr('index')
    }
  })
}
const hideLoading = (index) => {
  layer.close(index)
}
const toastMsg = (content = langReplace(localLang.demoModule.hour_text6), time = 2) => {
  layer.open({
    content,
    time,
    skin: 'msg'
  })
}


let currHourRank = []
let lastHourRank = []
let currRoomInfo = {}
let timestamp

let page = 1
let pageSize = 10
let rankList = []
let canNext = true
let isLock = true

// 获取小时榜数据
const getHourList = () => {
  networkRequest({
    type: 'GET',
    url: urlPrefix + '/room/permitRoom/hourRank',
    data: {
      roomUid: queryObj.roomUid
    },
    success(res) {
      if (res.code === 200) {
        currHourRank = res.data.currHourRank
        lastHourRank = res.data.lastHourRank
        currRoomInfo = res.data.currRoomInfo
        timestamp = res.timestamp
        countDown()
        renderLastHourThree()
        renderCurrentList()
        renderCurrentRoomInfo()
      } else {
        toastMsg(res.message)
      }
    },
    error(err) {
      toastMsg(langReplace(localLang.demoModule.hour_text7))
    }
  })
}
// 渲染小时榜上一小时前三
const renderLastHourThree = () => {
  lastHourRank = lastHourRank.slice(0, 3)
  if (lastHourRank.length < 3) {
    let len = 3 - lastHourRank.length
    let arr = new Array(len).fill({
      nick: '',
      score: ''
    })
    lastHourRank.push(...arr)
  }
  let str = ''
  lastHourRank.map((item, index) => {
    str += `
      <div class="top_three_item">
        <div class="avatar" data-uid=${item.uid}>
          <p></p>
          <img src="./images/logo.png" alt="">
        </div>
        <div class="nick">${item.nick.length > 5 ? item.nick.slice(0, 5) + '...' : item.nick}</div>
        <div class="num" style="display:${item.score === '' ? 'none' : 'block'}">
          ${index == 0 ?
        '<img src="./images/single/first-icon.png" alt=""></img>' :
        `<span>${unitProcessingAr(item.score,1)}</span><br>${langReplace(localLang.demoModule.hour_text8)}`
      }
        </div>
      </div>
    `
  })
  $('.top_three_wrap').html(str)
}
// 倒计时
const countDown = () => {
  let t = new Date(timestamp)
  console.log(t);
  console.log(timestamp);
  let y = t.getFullYear()
  let m = t.getMonth() + 1
  let d = t.getDate()
  let h = t.getHours()
  let disT = new Date(`${y}/${m}/${d} ${h + 1}:00:00`).getTime() - timestamp
  let min = Math.floor(disT / 1000 / 60)
  let s
  let delta = disT / 1000 - Math.floor(disT / 1000)
  if (delta > 0.5) {
    s = Math.ceil(disT / 1000 % 60)
  } else {
    s = Math.floor(disT / 1000 % 60)
  }
  $('.time_wrap .h').html(h)
  $('.time_wrap .m').html(min < 10 ? '0' + min : min)
  $('.time_wrap .s').html(s < 10 ? '0' + s : s)
  let timer = setInterval(() => {
    disT -= 1000
    if (disT <= 0) {
      getHourList()
      clearInterval(timer)
      return
    }
    min = Math.floor(disT / 1000 / 60)
    s = Math.floor(disT / 1000 % 60)
    $('.time_wrap .m').html(min < 10 ? '0' + min : min)
    $('.time_wrap .s').html(s < 10 ? '0' + s : s)
  }, 1000)
}
// 渲染小时榜当前列表
const renderCurrentList = () => {
  currHourRank = currHourRank.slice(0, 10)
  if (currHourRank.length < 10) {
    let len = 10 - currHourRank.length
    let arr = new Array(len).fill({
      nick: `${langReplace(localLang.demoModule.hour_text9)}`,
      score: ''
    })
    currHourRank.push(...arr)
  }
  let str = ''
  currHourRank.map((item, index) => {
    str += `
      <li>
        <div class="index">${index + 1}</div>
        <div class="others_avatar" data-uid=${item.uid}>
          <img src="${item.avatar ? item.avatar : `./images/default-avatar.png`}" alt="">
        </div>
        <div class="others_nick">${item.nick.length > 8 ? item.nick.slice(0, 8) + '...' : item.nick}</div>
        <div class="others_num" style="display:${item.score === '' ? 'none' : 'block'}">
          ${index === 0 ?
        `${langReplace(localLang.demoModule.hour_text10)}` :
        `${langReplace(localLang.demoModule.hour_text8)}<br><span>${unitProcessingAr(item.score,1)}</span>`
      }
        </div>
      </li>
    `
  })
  $('ul').html(str)
}
// 渲染当前房间榜单信息
const renderCurrentRoomInfo = () => {
  let rank = ''
  let score = ''
  currHourRank.forEach((item, index) => {
    if (item.uid == currRoomInfo.uid) {
      rank = index + 1
      // if (item.score > 10000) {
      //   score = (Math.floor(item.score / 1000)) / 10 + 'W'
      // } else {
      //   score = item.score
      // }
      score = unitProcessingAr(item.score,1)
    }
  })
  $('.mine_index').html(rank ? rank : `${langReplace(localLang.demoModule.hour_text11)}`)
  $('.mine_avatar').attr('src', currRoomInfo.avatar)
  $('.mine_avatar').data('uid', currRoomInfo.uid)
  $('.mine_nick').html(currRoomInfo.nick.length > 8 ? currRoomInfo.nick.slice(0, 8) + '...' : currRoomInfo.nick)
  $('.mine_num').html(`
    ${score === 0 ?
      `${langReplace(localLang.demoModule.hour_text10)}` :
      (score === '' ? '' :
        `
        ${langReplace(localLang.demoModule.hour_text8)}
          <p>${score}</p>
        `
      )
    }
  `)
}


$(function () {
  getInfoFromClient()
  fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
  setTimeout(() => {
    langReplace = window.lang.replace;
    localLang = window.lang;
    translateFun();
    getHourList();
    setTimeout(function () {
            $('#body').show();
        }, 300)
  }, 50)
  function translateFun() {
    var langReplace = window.lang.replace;
    var localLang = window.lang;
    $('#img1').css('background',`url("${langReplace(localLang.demoModule.img1)}") no-repeat 0 0/100% 100%`);
    $('#hour_title').html(langReplace(localLang.demoModule.hour_title));
    $('#hore_text1').html(langReplace(localLang.demoModule.hore_text1));
    $('#hour_text2').html(langReplace(localLang.demoModule.hour_text2));
    $('#hour_text3').html(langReplace(localLang.demoModule.hour_text3));
    $('#hour_text4').html(langReplace(localLang.demoModule.hour_text4));
  }
  $('.rule_icon').click(() => {
    window.location.href = './ruleLicense.html'
  })


  //跳转个人主页
  //   function openPerson(document, dom) {
  //     $(document).on('click', dom, function () {
  //       let erbanUid = $(this).data('uid')
  //       if (!browser.app) return
  //       if (browser.ios) {
  //         window.webkit.messageHandlers.openPersonPage.postMessage(erbanUid);
  //       } else if (browser.android) {
  //         if (androidJsObj && typeof androidJsObj === 'object') {
  //           window.androidJsObj.openPersonPage(erbanUid);
  //         }
  //       }
  //     })
  //   }
  // 跳转房间函数
  function openRoomFun(document, dom) {
    $(document).on('click', dom, function () {
      let erbanUid = $(this).data('uid')
      // if (!browser.app) return
      if (browser.ios) {
        window.webkit.messageHandlers.openRoom.postMessage(erbanUid);
      } else if (browser.android) {
        if (androidJsObj && typeof androidJsObj === 'object') {
          window.androidJsObj.openRoom(erbanUid);
        }
      }
    })
  }
  openRoomFun('.top_three_wrap', '.avatar')
  openRoomFun('ul', '.others_avatar')
  openRoomFun('.mine', '.mine_avatar')
  //   openPerson('.top_three_wrap', '.avatar')
  //   openPerson('ul', '.others_avatar')
  //   openPerson('.mine', '.mine_avatar')
})