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

Page({
  data: {
    activityId: null,
    activity: null,
    myApplication: null,
    buttonDisabled: false,
    buttonText: '我要报名',
    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 = '报名已截止';
            }
          }

          this.setData({
            activity: res.activity,
            myApplication: myApplication,
            loading: false,
            buttonDisabled: buttonDisabled,
            buttonText: buttonText
          });
        } 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;
  }
});