// pages/index/index.js
var util = require('../../utils/util.js')
var formOpt = require('../../utils/text.js')
var app = getApp()

// 一些选项列表
var xiaojuedingArr = require('../../utils/xiaojueding.js')

function randomsort(a, b) {
  return Math.random() > 0.5 ? -1 : 1
}

var page = {
  data: {
    textId: '', // 剧本ID
    size: {
      w: 599,
      h: 600,
    }, //转盘大小可配置
    musicflg: false,
    fastJuedin: false,
    repeat: false,
    xiaojuedingArr: [
      {
        id: 0,
        awards: [],
      },
    ],
    s_awards: {}, //结果
    title: '', // 剧情标题
    tip: '', //剧情导语
    text: [], //当前文本数据
    allText: [], // 全文本
    story: [],
    bg_img: '',
    bg_music: '',
    share: false,
    canvasWidth: 400,
    canvasHeight: 650,
    showCanvasFlag: false,
    saveFrameFlag: false,
    isTbc: false,
    isRestart: true,
    isCompleted: false,
    canGo: true,
    isDev: true, //调试模式
    player: null
  },
  onLoad: function(options) {
    const _id = options._id
    // TODO: 播放器
    const player = wx.getBackgroundAudioManager()
    this.setData({
      textId: _id,
      player: player
    })
    this.data.player.title = 'music'
    this.data.player.src = 'https://resource.kingsome.cn/game_file/5dc502d63aa670e8d3335426.wav'
    this.data.player.play()
    
    console.log(this.data.player)
    this.zhuanpan = this.selectComponent('#zhuanpan')
  },
  onShow: function(e) {
    this.restart()
    this.setData({
      isCompleted: false,
      canGo: true,
    })
    wx.setStorageSync('temp', '')
  },

  //接收当前转盘初始化时传来的参数
  getData(e) {
    this.setData({
      awardsConfig: e.detail,
    })
  },

  //接收当前转盘结束后的答案选项
  getAwards(e) {
    console.log('getAwards', e)

    this.setData({
      s_awards: e.detail.end ? '？' : e.detail.s_awards,
      share: e.detail.end ? true : false,
    })

    const story = this.data.story
    // 显示导语
    if (this.data.story.length === 0) {
      story.unshift({
        name: this.data.tip,
      })
    }

    story.unshift(e.detail.s_awards)
    console.log('转盘结果', e.detail.s_awards)
    this.setData({
      story: story,
      tip: e.detail.s_awards.content,
    })
    if (this.data.text[this.data.s_awards.idx].children.length > 0) {
      this.setData({
        isTbc: true,
        canGo: false,
      })
      this.getText(true, this.data.s_awards.idx)
    } else {
      this.endStory()
    }
  },

  //开始转
  startZhuan(e) {
    this.setData({
      zhuanflg: e.detail ? true : false,
    })
  },

  // 点击继续
  goNext() {
    console.log('goNext')
    const gotoReg = /^goto:(.*)$/
    this.setData({
      isTbc: false,
      canGo: true,
    })
    const text = this.data.text
    if (text.length === 0) {
      this.endStory()
      return
    }

    if (text.length === 1) {
      console.log('---', text)
      if (gotoReg.exec(text[0].title)) {
        const goto = gotoReg.exec(text[0].title)[1].split('-')
        console.log('goto!!!', goto)
        this.getText(false, goto)
      } else {
        const newStory = this.data.story
        newStory.unshift({
          name: text[0].title,
          content: text[0].content,
          idx: 0,
        })
        this.setData({
          story: newStory,
        })
        this.getText(true, 0)
      }
      this.goNext()
    } else {
      this.loadZhuanpan()
    }
  },
  // 获取转盘文本
  getText(normal = true, goto) {
    let newText = []
    if (normal) {
      // 普通模式,从text中按idx截取newText
      newText = this.data.text[goto].children
    } else {
      // 跳转模式,从allText中按goto获取newText
      newText = this.data.allText

      goto.map((item, index) => {
        if (index === 0) {
          newText = newText[item - 1]
        } else {
          newText = newText.children[item - 1]
        }
        console.log('nnn', newText)
        // newText = newText[item - 1].children
      })
      newText = [newText]
      console.log('newText', newText)
    }
    this.setData({
      text: newText,
    })
  },
  // 加载转盘选项
  loadZhuanpan() {
    console.log('😂', this.data.text)
    const opts = formOpt(this.data.text)
    this.zhuanpan.switchZhuanpan(opts)
  },

  // GOGOGO
  zhuan() {
    this.zhuanpan._zhuan()
  },

  // 音乐播放器
  player(opt) {
    const myPlayer = wx.getBackgroundAudioManager()
    const self = this
    myPlayer.title = opt.title
    myPlayer.src = opt.src
    myPlayer.onEnded(() => {
      console.log('播放结束', myPlayer.src, opt.src)
      this.player(opt)
      // myPlayer.play()
    })
  },

  // 重新开始
  restart() {
    this.setData({
      story: [],
      tip: '',
      isTbc: false,
      canGo: true,
      isCompleted: false,
    })

    wx.request({
      // url: `https://mp-test.kingsome.cn/api/open/zp/text?_id=${this.data.textId}`, //开发者服务器接口地址",
      url: `http://localhost:2333/api/open/zp/text?_id=${this.data.textId}`, //开发者服务器接口地址",
      method: 'GET',
      dataType: 'json', //如果设为json，会尝试对返回的数据做一次 JSON.parse
      success: res => {
        const data = res.data
        if (data.errcode === 0) {
          console.log(data)
          this.setData({
            text: data.result,
            allText: data.result,
            tip: data.tip,
            title: data.title,
            bg_img: data.bg_img,
            bg_music: JSON.parse(data.bg_music)[0].url,
          })
          // TODO: 播放背景音乐
          // this.player({
          //   title: 'music',
          //   src: this.data.bg_music || '',
          // })


          this.goNext()
        }
      },
      fail: () => {
        this.setData({
          canGo: false,
        })
        wx.showToast({
          title: '选项数据错误!', //提示的内容,
          icon: 'fail', //图标,
        })
      },
    })
  },

  // 游戏结束
  endStory() {
    this.setData({
      isTbc: false,
      canGo: false,
      isCompleted: true,
    })

    wx.showToast({
      title: '已完成!', //提示的内容,
      icon: 'success', //图标,
    })

    const temp = {
      title: this.data.title,
      tip: this.data.tip,
      story: this.data.story,
    }

    wx.setStorageSync('temp', JSON.stringify(temp))
  },

  //查看剧情
  goStory() {
    const temp = wx.getStorageSync('temp')
    if (temp === '') return
    wx.navigateTo({url: '/pages/story/story'})
  },

  // 调试模式
  devSelect(e) {
    console.log('调试： 手动选择')

    if (this.data.isCompleted) return
    const idx = e.target.dataset.index
    this.getAwards({
      detail: {
        end: false,
        s_awards: {
          content: this.data.text[idx].content,
          name: this.data.text[idx].title,
          idx: idx,
        },
      },
    })
    if (this.data.isCompleted) return
    this.goNext()

    console.log(e)
  },
}
Page(page)