import musicApi from '../../api/music'

Page({
  data: {
    playlist: null,
    currentSong: {},
    isPlaying: false,
    isExpanded: false,
    showExpandBtn: false,
    loading: false
  },

  onLoad(options) {
    if (options.id) {
      this.loadPlaylistDetail(options.id)
    }
  },

  async loadPlaylistDetail(id) {
    try {
      this.setData({ loading: true })
      const res = await musicApi.getPlaylistDetail(id)
      if (res.data.code === 200) {
        this.setData({
          playlist: res.data.playlist
        }, () => {
          this.checkDescriptionHeight()
        })
      }
    } catch (error) {
      console.error('加载歌单详情失败:', error)
      wx.showToast({
        title: '加载失败',
        icon: 'none'
      })
    } finally {
      this.setData({ loading: false })
    }
  },

  async handlePlay(e) {
    const { song } = e.detail
    try {
      const res = await musicApi.getSongUrl(song.id)
      if (res.data.code === 200 && res.data.data[0]?.url) {
        const songWithUrl = {
          ...song,
          url: res.data.data[0].url
        }
        this.setData({
          currentSong: songWithUrl,
          isPlaying: true
        })
        
        // 更新全局播放状态
        const app = getApp()
        app.globalData.currentSong = songWithUrl
        app.globalData.isPlaying = true
        
        // 播放音乐
        const bgAudio = wx.getBackgroundAudioManager()
        bgAudio.title = song.name
        bgAudio.singer = this.getArtists(song.ar)
        bgAudio.coverImgUrl = song.al?.picUrl
        bgAudio.src = songWithUrl.url
      }
    } catch (error) {
      console.error('播放失败:', error)
      wx.showToast({
        title: '播放失败',
        icon: 'none'
      })
    }
  },

  toggleExpand() {
    this.setData({
      isExpanded: !this.data.isExpanded
    })
  },

  checkDescriptionHeight() {
    const query = wx.createSelectorQuery()
    query.select('.description').boundingClientRect()
    query.exec(res => {
      if (res[0]) {
        this.setData({
          showExpandBtn: res[0].height >= 144
        })
      }
    })
  },

  getArtists(artists) {
    return artists?.map(a => a.name).join(' / ') || '未知歌手'
  },

  formatDate(timestamp) {
    if (!timestamp) return ''
    const date = new Date(timestamp)
    return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`
  }
})