// pages/activity/detail.js
const app = getApp()
const utils = require('../../lib/utils.js')

Page({
  data: {
    activityId: null,
    activity: null,
    myApplication: null,
    buttonDisabled: false,
    buttonText: '我要报名',
    // 导出相关
    isEmployee: false,
    exportingActivity: false,
    exportingStageId: null,
    loading: true,
    error: null
  },

  onLoad(options) {
    if (options.id) {
      this.setData({ activityId: options.id });
      this.loadActivityDetail(options.id);
    } else {
      this.setData({ loading: false, error: '无效的比赛ID' });
    }
  },

  onPullDownRefresh() {
    if (this.data.activityId) {
      this.loadActivityDetail(this.data.activityId).finally(() => {
        wx.stopPullDownRefresh();
      });
    } else {
      wx.stopPullDownRefresh();
    }
  },

  loadActivityDetail(id) {
    this.setData({ loading: true, error: null });
    const query = `
      query GetActivityDetailAndStatus($id: ID!) {
        activity(id: $id) {
          id
          name
          description
          signupDeadline
          matchTime
          address
          state
          stateName
          playerCount
          playerMax
          coverImage { fullUrl }
          images { fullUrl }
          videos { fullUrl, fullThumbUrl }
          stages {
            id
            name
            matchTime
            description
          }
        }
        myActivityPlayer(activityId: $id) {
          id
          state
        }
      }
    `;

    return app.graphqlRequest(query, { id: id })
      .then(res => {
        if (res.activity) {
          let buttonDisabled = false;
          let buttonText = '我要报名';
          const myApplication = res.myActivityPlayer;

          if (myApplication) {
            if (myApplication.state === 0) {
              buttonDisabled = true;
              buttonText = '等待审核';
            } else if (myApplication.state === 1) {
              buttonDisabled = true;
              buttonText = '已报名';
            }
          }

          if (!buttonDisabled) {
            if (new Date() > new Date(res.activity.signupDeadline)) {
              buttonDisabled = true;
              buttonText = '报名已截止';
            }
          }

          // 角色：是否员工（主办方/管理员）
          const isEmployee = !!(app.globalData?.userInfo?.employee && app.globalData.userInfo.employee.id)

          this.setData({
            activity: res.activity,
            myApplication: myApplication,
            loading: false,
            buttonDisabled: buttonDisabled,
            buttonText: buttonText,
            isEmployee: isEmployee
          });
        } else {
          throw new Error('未找到比赛信息');
        }
      })
      .catch(err => {
        this.setData({
          loading: false,
          error: '加载失败，请稍后重试'
        });
        console.error('加载比赛详情或报名状态失败:', err);
      });
  },

  handleRegister() {
    if (!this.data.activityId) {
      wx.showToast({
        title: '无效的活动ID',
        icon: 'none'
      });
      return;
    }
    wx.navigateTo({
      url: `/pages/registration/registration?id=${this.data.activityId}`
    });
  },

  // 格式化日期和时间
  formatDateTime(dateStr) {
    return utils.formatDate(dateStr, 'YYYY-MM-DD HH:mm');
  },
  
  // 格式化日期范围
  formatDateRange(start, end) {
    if (!start && !end) return '待定';
    const startDate = start ? utils.formatDate(start, 'YYYY-MM-DD') : '';
    const endDate = end ? utils.formatDate(end, 'YYYY-MM-DD') : '';
    if (startDate && endDate && startDate !== endDate) {
      return `${startDate} - ${endDate}`;
    }
    return startDate || endDate;
  },

  // 复制链接到剪贴板
  copyLink(e) {
    const url = e.currentTarget.dataset.url
    if (!url) {
      wx.showToast({ title: '暂无链接', icon: 'none' })
      return
    }
    wx.setClipboardData({
      data: url,
      success: () => {
        wx.showToast({ title: '已复制下载链接', icon: 'success' })
      }
    })
  },

  // 在WebView内打开链接（用于预览/下载）
  openWebView(e) {
    const url = e.currentTarget.dataset.url
    if (!url) {
      wx.showToast({ title: '暂无链接', icon: 'none' })
      return
    }
    wx.navigateTo({
      url: `/pages/webview/webview?url=${encodeURIComponent(url)}&title=${encodeURIComponent('评审导出ZIP')}`
    })
  },

  // 触发导出（主活动）
  async handleExportActivity() {
    if (!this.data.isEmployee) {
      wx.showToast({ title: '无权限执行导出', icon: 'none' })
      return
    }
    if (!this.data.activityId) {
      wx.showToast({ title: '无效的活动ID', icon: 'none' })
      return
    }
    this.setData({ exportingActivity: true })
    const mutation = `
      mutation ExportReviewZip($activityId: ID!, $stageIds: [ID]) {
        exportReviewZip(activityId: $activityId, stageIds: $stageIds) {
          success
          url
          message
        }
      }
    `
    try {
      const res = await app.graphqlRequest(mutation, { activityId: this.data.activityId, stageIds: null })
      const result = res && res.exportReviewZip
      if (result && result.success) {
        wx.showToast({ title: '导出成功', icon: 'success' })
        // 刷新以显示最新链接
        await this.loadActivityDetail(this.data.activityId)
      } else {
        wx.showToast({ title: result?.message || '导出失败', icon: 'none' })
      }
    } catch (err) {
      console.error('导出失败:', err)
      wx.showToast({ title: '导出失败', icon: 'none' })
    } finally {
      this.setData({ exportingActivity: false })
    }
  },

  // 触发导出（阶段）
  async handleExportStage(e) {
    if (!this.data.isEmployee) {
      wx.showToast({ title: '无权限执行导出', icon: 'none' })
      return
    }
    const stageId = e.currentTarget.dataset.stageId
    if (!stageId) {
      wx.showToast({ title: '无效的阶段ID', icon: 'none' })
      return
    }
    this.setData({ exportingStageId: stageId })
    const mutation = `
      mutation ExportReviewZip($activityId: ID!, $stageIds: [ID]) {
        exportReviewZip(activityId: $activityId, stageIds: $stageIds) {
          success
          url
          message
        }
      }
    `
    try {
      const res = await app.graphqlRequest(mutation, { activityId: this.data.activityId, stageIds: [stageId] })
      const result = res && res.exportReviewZip
      if (result && result.success) {
        wx.showToast({ title: '导出成功', icon: 'success' })
        await this.loadActivityDetail(this.data.activityId)
      } else {
        wx.showToast({ title: result?.message || '导出失败', icon: 'none' })
      }
    } catch (err) {
      console.error('导出阶段失败:', err)
      wx.showToast({ title: '导出失败', icon: 'none' })
    } finally {
      this.setData({ exportingStageId: null })
    }
  }
});