// pages/project/detail.js
const app = getApp()

Page({
  data: {
    projectId: '',
    projectDetail: null,
    timeline: [],
    loading: true,
    error: '',
    statusText: '',
    genderText: '',
    educationText: '',
    timelineLoading: false,
    timelineError: '',
    showRatingDetail: false,
    ratingDetail: null,
    ratingDetailLoading: false,
    ratingDetailError: ''
  },

  onLoad(options) {
    if (options.id) {
      this.setData({
        projectId: options.id
      })
      this.loadProjectDetail()
    } else {
      this.setData({
        error: '缺少项目ID参数',
        loading: false
      })
    }
  },

  // 加载项目详情
  async loadProjectDetail() {
    try {
      this.setData({
        loading: true,
        error: ''
      })

      const projectDetail = await this.getProjectDetailFromAPI(this.data.projectId)

      if (!projectDetail) {
        throw new Error('项目详情获取失败')
      }

      if (projectDetail.submissionFiles) {
        projectDetail.submissionFiles.forEach(file => {
          file.fileSizeText = this.formatFileSize(file.fileSize)
        })
      }

      this.setData({
        projectDetail,
        statusText: this.getStatusText(projectDetail.state),
        genderText: this.getGenderText(projectDetail.playerInfo?.gender),
        educationText: this.getEducationText(projectDetail.playerInfo?.education)
      })

      await this.loadProjectTimeline(this.data.projectId)
    } catch (error) {
      console.error('加载项目详情失败:', error)
      this.setData({
        error: error.message || '加载失败，请重试'
      })
    } finally {
      this.setData({ loading: false })
    }
  },

  // 从API获取项目详情
  async getProjectDetailFromAPI(projectId) {
    // 构建GraphQL查询
    const query = `
      query GetProjectDetail($id: ID!) {
        activityPlayerDetail(id: $id) {
          id
          playerInfo {
            id
            name
            phone
            gender
            birthday
            education
            introduction
            description
            avatarUrl
            avatar {
              id
              fullUrl
              fullThumbUrl
              name
              fileSize
              fileExt
            }
            userInfo {
              userId
              name
              phone
              avatarUrl
            }
          }
          regionInfo {
            id
            name
            fullPath
          }
          activityName
          projectName
          description
          feedback
          state
          stageId
          submissionFiles {
            id
            fullUrl
            fullThumbUrl
            name
            fileSize
            fileExt
            mediaType
          }
          ratingForm {
            schemeId
            schemeName
            items {
              id
              name
              maxScore
              orderNo
            }
            totalMaxScore
          }
        }
      }
    `

    try {
      const result = await app.graphqlRequest(query, { id: projectId })
      return result.activityPlayerDetail
    } catch (error) {
      throw error
    }
  },

  async loadProjectTimeline(activityPlayerId) {
    if (!activityPlayerId) {
      return
    }

    const idNumber = Number(activityPlayerId)
    const variables = {
      activityPlayerId: Number.isNaN(idNumber) ? activityPlayerId : idNumber
    }

    this.setData({
      timelineLoading: true,
      timelineError: ''
    })

    const query = `
      query ProjectStageTimeline($activityPlayerId: ID!) {
        projectStageTimeline(activityPlayerId: $activityPlayerId) {
          activityId
          activityName
          stages {
            stageId
            stageName
            matchTime
            sortOrder
            participated
            activityPlayerId
            averageScore
            ratingCount
            hasRating
            latestRatingTime
          }
        }
      }
    `

    try {
      const result = await app.graphqlRequest(query, variables)
      const projectStageTimeline = result && result.projectStageTimeline ? result.projectStageTimeline : null
      const stages = projectStageTimeline && projectStageTimeline.stages ? projectStageTimeline.stages : []

      const timeline = stages.map(stage => {
        const hasScore = stage.hasRating && stage.averageScore !== null && stage.averageScore !== undefined
        let scoreText = '未参赛'
        if (stage.participated) {
          scoreText = hasScore ? `平均分：${Number(stage.averageScore).toFixed(2)}` : '未评分'
        }

        return {
          ...stage,
          matchTimeText: stage.matchTime ? this.formatDateTime(stage.matchTime) : '',
          scoreText,
          displayAverageScore: hasScore ? Number(stage.averageScore).toFixed(2) : null,
          isClickable: stage.participated && hasScore && !!stage.activityPlayerId
        }
      })

      this.setData({
        timeline,
        timelineLoading: false
      })
    } catch (error) {
      console.error('加载阶段时间轴失败:', error)
      this.setData({
        timelineError: error.message || '时间轴加载失败',
        timelineLoading: false
      })
    }
  },

  async fetchStageRatingDetail(activityPlayerId) {
    const idNumber = Number(activityPlayerId)
    const variables = {
      activityPlayerId: Number.isNaN(idNumber) ? activityPlayerId : idNumber
    }

    const query = `
      query StageJudgeRatings($activityPlayerId: ID!) {
        stageJudgeRatings(activityPlayerId: $activityPlayerId) {
          activityPlayerId
          stageId
          stageName
          matchTime
          ratingCount
          averageScore
          judgeRatings {
            judgeId
            judgeName
            totalScore
            feedback
            ratingTime
          }
        }
      }
    `

    const result = await app.graphqlRequest(query, variables)
    const detail = result && result.stageJudgeRatings ? result.stageJudgeRatings : null

    const sourceJudgeRatings = detail && detail.judgeRatings ? detail.judgeRatings : []
    const judgeRatings = sourceJudgeRatings.map(item => ({
      ...item,
      totalScoreText: item.totalScore !== null && item.totalScore !== undefined ? `${Number(item.totalScore).toFixed(2)}分` : '未评分',
      ratingTimeText: item.ratingTime ? this.formatDateTime(item.ratingTime) : ''
    }))

    const averageScoreValue = detail && detail.averageScore !== undefined && detail.averageScore !== null
      ? detail.averageScore
      : null

    return {
      activityPlayerId: detail && detail.activityPlayerId ? detail.activityPlayerId : variables.activityPlayerId,
      stageId: detail && detail.stageId ? detail.stageId : null,
      stageName: detail && detail.stageName ? detail.stageName : '阶段信息',
      matchTime: detail && detail.matchTime ? detail.matchTime : null,
      matchTimeText: detail && detail.matchTime ? this.formatDateTime(detail.matchTime) : '',
      ratingCount: detail && detail.ratingCount ? detail.ratingCount : 0,
      averageScore: averageScoreValue,
      averageScoreText: averageScoreValue !== null ? Number(averageScoreValue).toFixed(2) : '暂无评分',
      judgeRatings
    }
  },

  async openStageDetail(e) {
    const { playerId } = e.currentTarget.dataset
    const clickable = e.currentTarget.dataset.clickable === true || e.currentTarget.dataset.clickable === 'true'
    const participated = e.currentTarget.dataset.participated === true || e.currentTarget.dataset.participated === 'true'

    if (!playerId || !participated) {
      return
    }

    if (!clickable) {
      wx.showToast({
        title: '暂无评分',
        icon: 'none'
      })
      return
    }

    this.setData({
      showRatingDetail: true,
      ratingDetailLoading: true,
      ratingDetailError: '',
      ratingDetail: { judgeRatings: [] }
    })

    try {
      const detail = await this.fetchStageRatingDetail(playerId)
      this.setData({
        ratingDetail: detail,
        ratingDetailLoading: false
      })
    } catch (error) {
      console.error('加载阶段评分详情失败:', error)
      this.setData({
        ratingDetailError: error.message || '加载失败',
        ratingDetailLoading: false
      })
    }
  },

  closeStageDetail() {
    this.setData({
      showRatingDetail: false,
      ratingDetail: null,
      ratingDetailError: ''
    })
  },

  // 预览文件
  previewFile(e) {
    const file = e.currentTarget.dataset.file
    
    if (!file || !file.fullUrl) {
      wx.showToast({
        title: '文件链接无效',
        icon: 'none'
      })
      return
    }

    // 根据文件类型进行不同处理
    const fileExt = (file.fileExt || '').toLowerCase()
    
    if (this.isImageFile(fileExt)) {
      // 图片预览
      wx.previewImage({
        urls: [file.fullUrl],
        current: file.fullUrl
      })
    } else if (this.isVideoFile(fileExt)) {
      // 视频预览
      wx.navigateTo({
        url: `/pages/video/video?url=${encodeURIComponent(file.fullUrl)}&title=${encodeURIComponent(file.name)}`
      })
    } else if (this.isPdfFile(fileExt)) {
      // PDF文档预览
      this.previewPdfFile(file)
    } else if (this.isOfficeFile(fileExt)) {
      // Office文档预览
      this.previewOfficeFile(file)
    } else {
      // 其他文件类型，尝试下载打开
      this.downloadAndOpenFile(file)
    }
  },

  // PDF文档预览
  previewPdfFile(file) {
    wx.showLoading({
      title: '正在打开PDF...'
    })
    
    wx.downloadFile({
      url: file.fullUrl,
      success: (downloadRes) => {
        wx.hideLoading()
        if (downloadRes.statusCode === 200) {
          wx.openDocument({
            filePath: downloadRes.tempFilePath,
            fileType: 'pdf',
            success: () => {
              console.log('PDF打开成功')
            },
            fail: (error) => {
              console.error('PDF打开失败:', error)
              wx.showToast({
                title: 'PDF打开失败',
                icon: 'none'
              })
            }
          })
        } else {
          wx.showToast({
            title: 'PDF下载失败',
            icon: 'none'
          })
        }
      },
      fail: (error) => {
        wx.hideLoading()
        console.error('PDF下载失败:', error)
        wx.showToast({
          title: 'PDF下载失败',
          icon: 'none'
        })
      }
    })
  },

  // Office文档预览
  previewOfficeFile(file) {
    const fileExt = (file.fileExt || '').toLowerCase()
    
    wx.showLoading({
      title: '正在打开文档...',
      mask: true
    })
    
    wx.downloadFile({
      url: file.fullUrl,
      success: (downloadRes) => {
        wx.hideLoading()
        if (downloadRes.statusCode === 200) {
          // 文件类型映射
          const fileTypeMap = {
            'doc': 'doc',
            'docx': 'docx',
            'xls': 'xls',
            'xlsx': 'xlsx',
            'ppt': 'ppt',
            'pptx': 'pptx'
          }
          
          wx.openDocument({
            filePath: downloadRes.tempFilePath,
            fileType: fileTypeMap[fileExt] || 'doc',
            success: () => {
              console.log('文档打开成功')
            },
            fail: (error) => {
              console.error('文档打开失败:', error)
              wx.showModal({
                title: '打开失败',
                content: '文档打开失败，可能是文件格式不支持或文件损坏',
                showCancel: false,
                confirmText: '确定'
              })
            }
          })
        } else {
          wx.showToast({
            title: '文件下载失败',
            icon: 'none'
          })
        }
      },
      fail: (error) => {
        wx.hideLoading()
        console.error('文档下载失败:', error)
        wx.showToast({
          title: '文件下载失败',
          icon: 'none'
        })
      }
    })
  },

  // 下载并打开文件
  downloadAndOpenFile(file) {
    wx.showModal({
      title: '文件预览',
      content: '是否要下载并打开此文件？',
      confirmText: '下载',
      cancelText: '取消',
      success: (res) => {
        if (res.confirm) {
          wx.showLoading({
            title: '正在下载...'
          })
          
          wx.downloadFile({
            url: file.fullUrl,
            success: (downloadRes) => {
              wx.hideLoading()
              if (downloadRes.statusCode === 200) {
                wx.openDocument({
                  filePath: downloadRes.tempFilePath,
                  success: () => {
                    console.log('文档打开成功')
                  },
                  fail: (error) => {
                    console.error('文档打开失败:', error)
                    wx.showToast({
                      title: '文件打开失败',
                      icon: 'none'
                    })
                  }
                })
              } else {
                wx.showToast({
                  title: '文件下载失败',
                  icon: 'none'
                })
              }
            },
            fail: (error) => {
              wx.hideLoading()
              console.error('文件下载失败:', error)
              wx.showToast({
                title: '文件下载失败',
                icon: 'none'
              })
            }
          })
        }
      }
    })
  },

  // 判断是否为图片文件
  isImageFile(fileExt) {
    const imageExts = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp']
    return imageExts.includes(fileExt)
  },

  // 判断是否为视频文件
  isVideoFile(fileExt) {
    const videoExts = ['mp4', 'avi', 'mov', 'wmv', 'flv', 'mkv', 'webm']
    return videoExts.includes(fileExt)
  },

  // 判断是否为PDF文件
  isPdfFile(fileExt) {
    return fileExt === 'pdf'
  },

  // 判断是否为Office文件
  isOfficeFile(fileExt) {
    const officeExts = ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'dotx', 'xlsb', 'xlsm', 'ppsx', 'pps', 'potx', 'ppsm']
    return officeExts.includes(fileExt)
  },

  // 格式化文件大小
  formatFileSize(bytes) {
    if (!bytes || bytes === 0) return '0 B'
    
    const k = 1024
    const sizes = ['B', 'KB', 'MB', 'GB']
    const i = Math.floor(Math.log(bytes) / Math.log(k))
    
    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
  },

  // 格式化日期时间
  formatDateTime(dateTimeStr) {
    if (!dateTimeStr) return ''
    
    try {
      const date = new Date(dateTimeStr)
      const year = date.getFullYear()
      const month = String(date.getMonth() + 1).padStart(2, '0')
      const day = String(date.getDate()).padStart(2, '0')
      const hours = String(date.getHours()).padStart(2, '0')
      const minutes = String(date.getMinutes()).padStart(2, '0')
      
      return `${year}-${month}-${day} ${hours}:${minutes}`
    } catch (error) {
      return dateTimeStr
    }
  },

  // 获取状态文本
  getStatusText(state) {
    const statusMap = {
      0: '未审核',
      1: '审核通过',
      2: '审核不通过'
    }
    return statusMap[state] || '未知状态'
  },

  // 获取性别文本
  getGenderText(gender) {
    const genderMap = {
      'MALE': '男',
      'FEMALE': '女'
    }
    return genderMap[gender] || ''
  },

  // 获取学历文本
  getEducationText(education) {
    const educationMap = {
      'HIGH_SCHOOL': '高中及以下',
      'COLLEGE': '大专',
      'BACHELOR': '本科',
      'MASTER': '硕士',
      'DOCTOR': '博士'
    }
    return educationMap[education] || ''
  },

  // 分享功能
  onShareAppMessage() {
    return {
      title: `项目详情 - ${this.data.projectDetail?.projectName || ''}`,
      path: `/pages/project/detail?id=${this.data.projectId}`
    }
  }
})