import { baseUrl, globalImgUrl } from "../../../request";

Page({
  data: {
    countdown: '',
    orderId: 0,
    orderObj: {},  // 订单详情对象
    _secondsRemaining: 0,   // 内部倒计时秒数
    _hasShownTimeout: false, // 是否已弹过“超时未支付”弹窗
    globalImgUrl,
  },

  onLoad(options) {
    console.log('options---->',options);
    this.setData({ orderId: options.id });
    this.getOrderDetail();
  },

  onUnload() {
    clearInterval(this._timer);
  },

  // 拉取订单详情并初始化倒计时
  getOrderDetail() {
    wx.request({
      url: baseUrl + '/courseOrder/query/detail',
      method: 'POST',
      data: { id: this.data.orderId },
      header: { Authorization: wx.getStorageSync('token') },
      success: res => {
        console.log('订单详情--->',res.data.data);
        if (res.data.code !== 1) return wx.showToast({ title: res.data.message, icon: 'none' });
        
        const order = res.data.data;
        this.setData({ orderObj: order });

        // 仅“待支付”需要倒计时
        if (order.orderStatus === '待支付') {
          this._initFromCreateTime(order.createTime);
        }
      },
      fail: () => wx.showToast({ title: '网络错误', icon: 'none' })
    });
  },

  // 计算剩余秒数并启动定时器
  _initFromCreateTime(createTime) {
    // 将 "2025-07-13 12:38:17" → 时间戳
    const createMs = new Date(createTime.replace(/-/g, '/')).getTime();
    const now = Date.now();
    let diff = Math.floor((createMs + 30 * 60 * 1000 - now) / 1000);

    if (diff <= 0) {
      // 已超时
      this._handleTimeout();
    } else {
      // 未超时，初始化秒数并启动倒计时
      this.setData({
        _secondsRemaining: diff,
        countdown: this._format(diff)
      });
      this._startTimer();
    }
  },

  // 每秒递减
  _startTimer() {
    this._timer = setInterval(() => {
      let sec = this.data._secondsRemaining - 1;
      if (sec <= 0) {
        clearInterval(this._timer);
        this._handleTimeout();
      } else {
        this.setData({
          _secondsRemaining: sec,
          countdown: this._format(sec)
        });
      }
    }, 1000);
  },

  // 超时处理：弹窗 + 改状态
  _handleTimeout() {
    if (!this.data._hasShownTimeout) {
      wx.showModal({
        title: '提示',
        content: '订单超时未支付，已取消',
        showCancel: false
      });
      this.setData({ _hasShownTimeout: true });
    }
    // 更新状态并隐藏倒计时
    const o = this.data.orderObj;
    o.orderStatus = '交易取消';
    this.setData({
      orderObj: o,
      countdown: '00分00秒'
    });
  },

  // 秒数 → "MM分SS秒"
  _format(sec) {
    const m = Math.floor(sec / 60);
    const s = sec % 60;
    const mm = m < 10 ? '0' + m : m;
    const ss = s < 10 ? '0' + s : s;
    return `${mm}分${ss}秒`;
  },

  // 取消订单
  cancelOrder() {
    wx.showModal({
      title: '取消订单',
      content: '是否要取消订单？',
      success: res => {
        if (res.confirm) {
          wx.request({
            url: baseUrl + "/courseOrder/cancel",
            method: 'POST',
            data: { courseId: this.data.orderId },
            header: { Authorization: wx.getStorageSync('token') },
            success: () => this.getOrderDetail()
          });
        }
      }
    });
  },

  // 去支付（示例跳转）
  goPay() {
    // wx.navigateTo({ url: `/pages/pay/pay?orderId=${this.data.orderId}` });
    wx.showToast({ title: '支付功能稍后开放', icon: 'none' });
  },

  // 退款（示例弹窗）
  refundOrder() {
    wx.showToast({ title: '退款功能稍后开放', icon: 'none' });
  }
});