// appointment.js
const { formatDate, appointmentDB } = require('../../utils/api')
const app = getApp()

// 订阅消息模板ID
const SUBSCRIBE_TEMPLATE_ID = 'Csf_dJU7DhvVFt_03sphPPBCGlnmcWQSPhgqfxHZ5RQ'

Page({
  data: {
    form: {
      name: '',
      phone: '',
      company: '',
      reason: '',
      date: '',
      time: '',
      hostName: '',
      hostId: '',
      personId: '',
      area: '',
      plateNumber: ''
    },
    areas: ['A区-生产车间', 'B区-办公楼', 'C区-仓储区', 'D区-研发中心', 'E区-综合区'],
    areaMap: { 'A区-生产车间': 'A', 'B区-办公楼': 'B', 'C区-仓储区': 'C', 'D区-研发中心': 'D', 'E区-综合区': 'E' },
    areaIndex: -1,
    persons: [],
    personNames: [],
    personIndex: -1,
    today: '',
    timeStart: '',
    timeEnd: '',
    submitting: false
  },

  onLoad() {
    if (app.globalData.isLoggedIn) {
      this.initPage()
    } else if (app.globalData.loginFailed) {
      this.showLoginTipAndGoBack()
    } else {
      // 登录异步未完成，等待回调
      app.loginReadyCallback = (userInfo) => {
        app.loginReadyCallback = null
        if (userInfo) {
          this.initPage()
        } else {
          this.showLoginTipAndGoBack()
        }
      }
    }
  },

  initPage() {
    // 使用本地时区获取当天日期，用于 picker 最小日期限制
    const today = formatDate(new Date())
    this.setData({ today })
  },

  showLoginTipAndGoBack() {
    wx.showToast({ title: '请先登录', icon: 'none', complete: () => {
      const pages = getCurrentPages()
      if (pages.length > 1) {
        wx.navigateBack()
      } else {
        wx.redirectTo({ url: '/pages/index/index' })
      }
    }})
  },

  onNameInput(e) {
    this.setData({ 'form.name': e.detail.value })
  },
  onPhoneInput(e) {
    this.setData({ 'form.phone': e.detail.value })
  },
  onCompanyInput(e) {
    this.setData({ 'form.company': e.detail.value })
  },
  onReasonInput(e) {
    this.setData({ 'form.reason': e.detail.value })
  },
  onHostNameInput(e) {
    this.setData({ 'form.hostName': e.detail.value })
  },
  onPlateNumberChange(e) {
    this.setData({ 'form.plateNumber': e.detail.value })
  },

  onAreaChange(e) {
    const index = Number(e.detail.value)
    const areaName = this.data.areas[index]
    const department = this.data.areaMap[areaName]
    this.setData({
      areaIndex: index,
      'form.area': areaName,
      'form.hostId': '',
      'form.hostName': '',
      'form.personId': '',
      persons: [],
      personNames: [],
      personIndex: -1
    })
    if (department) {
      this.loadPersons(department)
    }
  },

  async loadPersons(department) {
    wx.showLoading({ title: '加载被访人中...' })
    try {
      const list = await appointmentDB.getPersonSelector(department)
      const persons = list.map(item => ({
        personId: item.personId,
        personName: item.personName,
        personId: item.personId
      }))
      this.setData({
        persons,
        personNames: persons.map(p => p.personName),
        personIndex: -1
      })
    } catch (err) {
      console.error('获取被访人列表失败', err)
      wx.showToast({ title: '获取被访人列表失败', icon: 'none' })
    } finally {
      wx.hideLoading()
    }
  },

  onPersonChange(e) {
    const index = Number(e.detail.value)
    const person = this.data.persons[index]
    if (person && person.personId) {
      this.setData({
        personIndex: index,
        'form.hostId': person.personId,
        'form.hostName': person.personName,
        'form.personId': person.personId
      })
    }
  },

  onDateChange(e) {
    this.setData({ 'form.date': e.detail.value })
  },

  onTimeStartChange(e) {
    this.setData({ timeStart: e.detail.value }, this._updateTimeRange)
  },

  onTimeEndChange(e) {
    this.setData({ timeEnd: e.detail.value }, this._updateTimeRange)
  },

  _updateTimeRange() {
    const { timeStart, timeEnd } = this.data
    if (timeStart && timeEnd) {
      this.setData({ 'form.time': timeStart + '-' + timeEnd })
    } else {
      this.setData({ 'form.time': '' })
    }
  },

  validateForm() {
    const { name, phone, company, reason, date, time, hostName, area } = this.data.form
    if (!name.trim()) {
      wx.showToast({ title: '请输入访客姓名', icon: 'none' })
      return false
    }
    if (!phone.trim() || !/^1\d{10}$/.test(phone)) {
      wx.showToast({ title: '请输入正确的手机号', icon: 'none' })
      return false
    }
    if (!company.trim()) {
      wx.showToast({ title: '请输入所属公司', icon: 'none' })
      return false
    }
    if (!reason.trim()) {
      wx.showToast({ title: '请输入来访事由', icon: 'none' })
      return false
    }
    if (!date) {
      wx.showToast({ title: '请选择来访日期', icon: 'none' })
      return false
    }
    if (!time) {
      wx.showToast({ title: '请选择来访时间', icon: 'none' })
      return false
    }
    if (!hostName.trim()) {
      wx.showToast({ title: '请选择被访人', icon: 'none' })
      return false
    }
    if (!area) {
      wx.showToast({ title: '请选择拜访区域', icon: 'none' })
      return false
    }
    return true
  },

  async onSubmit() {
    if (!this.validateForm()) return
    if (this.data.submitting) return

    // 先请求订阅消息授权，再提交预约
    try {
      await wx.requestSubscribeMessage({
        tmplIds: [SUBSCRIBE_TEMPLATE_ID]
      })
    } catch (e) {
      // 用户拒绝授权也允许继续提交，只是收不到通知
      console.warn('订阅消息授权失败或用户拒绝', e)
    }

    this.setData({ submitting: true })

    try {
      const openid = app.globalData.userInfo.openid
      await appointmentDB.create({ ...this.data.form, openid })

      this.setData({ submitting: false })

      wx.showModal({
        title: '提交成功',
        content: '您的预约已提交，请等待审核',
        showCancel: false,
        confirmText: '查看记录',
        confirmColor: '#1890ff',
        success: () => {
          wx.redirectTo({
            url: '/pages/records/records'
          })
        }
      })
    } catch (err) {
      this.setData({ submitting: false })
      console.error('提交预约失败', err)
      wx.showToast({ title: '提交失败，请重试', icon: 'none' })
    }
  }
})