import dayjs from 'dayjs'

const app = getApp<IAppOption>()

interface IMessageItem {
  msgId: string
  msgContentType: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' //  1:文本 2: 出诊时间 3: adl卡片 4: 语音 5: 欢迎语 6:补充真实姓名 7: 提醒完善信息 8: 复诊卡片 9：患者恢复复诊消息
  msgContent: any
  msgVisitTime: string
  msgFromType: '1' | '2' // 1: 患者 2: 医生
  isPlay?: boolean
  welcomeMsg?: {
    hotQuestion: Item[]
  }
  msgCreateTime: string // 消息创建时间
  msgCreateTimeName?: string // 消息创建时间
  showTime?: boolean
  ReVisitInfo?: any
}

interface Item {
  questionId: string
  question: string
}

Page({
  data: {
    expend: false,
    scrollTop: 0,
    scrollIntoView: '',
    doctorDetail: {} as any,

    questionActive: 0,
    questionList: [] as any,
    questionActiveList: [] as Item[],

    isLoad: false,
    isFinish: false,
    messageList: [] as IMessageItem[],
    nextMsgId: '',
    unReadCount: 0,
    firstNotReadMsgId: 0,
    isVisitAdl: 2,
    adlMsgId: 0,

    week: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
    timeDay: { 1: '上午', 2: '下午' },

    zdUserInfo: {},
  },
  innerAudioContext: null as WechatMiniprogram.InnerAudioContext | null,
  onLoad(options) {
    this.innerAudioContext = wx.createInnerAudioContext({
      useWebAudioImplement: true,
    })
    app.waitLogin({ type: [1] }).then(() => {
      app.mpBehavior({ PageName: 'PG_PatientImDetails' })
      this.getDoctorDetail()
      this.getQuestionList()
      this.getMessageList()
      app.getZdUserInfo(this, true, (zdUserInfo) => {
        this.setData({
          zdUserInfo,
        })
      })
      if (options.adlPushId) {
        wx.ajax({
          method: 'POST',
          url: '?r=zd/push-click/adl-push-click',
          data: { adlPushId: options.adlPushId },
        })
      }
      if (options.taskPushId) {
        wx.ajax({
          method: 'POST',
          url: '?r=zd/push-click/task-push-click',
          data: { taskPushId: options.taskPushId },
        })
      }
    })
  },
  onUnload() {
    if (this.innerAudioContext) {
      this.innerAudioContext.stop()
    }
  },
  handleView(index = -1) {
    this.setData({
      scrollIntoView: index > -1 ? `view${index}` : `place`,
    })
  },
  getDoctorDetail() {
    wx.ajax({
      method: 'GET',
      url: '?r=zd/message-interact/get-bind-doctor-info',
      data: {},
    }).then((res) => {
      this.setData({
        doctorDetail: {
          ...res,
        },
      })
    })
  },
  getQuestionList() {
    wx.ajax({
      method: 'GET',
      url: '?r=zd/message-interact/get-question-list',
      data: {},
    }).then((res) => {
      this.setData({
        questionList: res,
        questionActiveList: res[0].questionList,
      })
    })
  },
  getMessageList() {
    if (this.data.isLoad || this.data.isFinish) return
    this.setData({
      isLoad: true,
    })
    const nextMsgId = this.data.nextMsgId
    wx.ajax({
      method: 'GET',
      url: '?r=zd/message-interact/patient-get-message-list',
      data: {
        nextMsgId,
      },
    }).then((res) => {
      res.messageList.map((item) => {
        if (item.msgContentType === '4') {
          item.msgContent = JSON.parse(item.msgContent)
        }
        if (item.msgContentType === '2') {
          item.msgVisitTime = item.msgVisitTimeType == 2 ? item.msgVisitTime : JSON.parse(item.msgVisitTime)
        }
        if (item.msgContentType === '5') {
          item.welcomeMsg = JSON.parse(item.welcomeMsg)
        }
        if (item.msgContentType === '9') {
          item.ReVisitInfo = JSON.parse(item.ReVisitInfo)
          item.ReVisitInfo.visitDateName = dayjs(item.ReVisitInfo.visitDate).format('YYYY年M月DD日')
        }

        return item
      })
      this.setData({
        messageList: [...res.messageList.reverse(), ...this.data.messageList],
        nextMsgId: res.nextMsgId,
        unReadCount: res.unReadCount,
        firstNotReadMsgId: res.firstNotReadMsgId,
        isVisitAdl: res.isVisitAdl,
        adlMsgId: res.adlMsgId,
        isLoad: false,
        isFinish: nextMsgId === res.nextMsgId,
      })
      this.filterCreateTime()
      if (!nextMsgId) {
        this.handleView()
      }
    })
  },
  scrolltoupper(e) {
    if (e.detail.direction === 'top') {
      this.getMessageList()
    }
  },
  handleHot(e) {
    const { index, mindex } = e.currentTarget.dataset
    const { messageList } = this.data
    const hotList = messageList[mindex].welcomeMsg?.hotQuestion
    const hot = hotList?.[index]
    this.setData({
      messageList: [
        ...messageList,
        {
          msgId: '',
          msgContentType: '1',
          msgContent: hot?.question,
          msgVisitTime: '',
          msgFromType: '1',
          msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
        },
      ],
    })
    this.handleView()
    this.sendQuestion(hot?.questionId)
  },
  handleQuestion(e) {
    const { index } = e.currentTarget.dataset
    const { questionActiveList, messageList } = this.data
    const question = questionActiveList[index]
    this.setData({
      messageList: [
        ...messageList,
        {
          msgId: '',
          msgContentType: '1',
          msgContent: question.question,
          msgVisitTime: '',
          msgFromType: '1',
          msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
        },
      ],
    })
    this.sendQuestion(question.questionId)
  },
  sendQuestion(questionId) {
    wx.ajax({
      method: 'POST',
      url: '?r=zd/message-interact/send-question-message',
      data: {
        questionId,
      },
    }).then((res) => {
      this.setData({
        messageList: [
          ...this.data.messageList,
          {
            msgId: '',
            msgContentType: '1',
            msgContent: res,
            msgVisitTime: '',
            msgFromType: '2',
            msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
          },
        ],
      })
      this.filterCreateTime()
      this.handleView()
    })
  },
  formatTime(date: string) {
    let msgCreateTimeName = ''
    if (dayjs().format('YYYY-MM-DD') === dayjs(date).format('YYYY-MM-DD')) {
      msgCreateTimeName = dayjs(date).format('HH:mm')
    } else if (dayjs().format('YYYY-MM-DD') === dayjs(date).add(1, 'day').format('YYYY-MM-DD')) {
      msgCreateTimeName = `昨天 ${dayjs(date).format('HH:mm')}`
    } else if (dayjs().diff(date, 'day') < 7) {
      msgCreateTimeName = dayjs(date).format(`dddd HH:mm`)
    } else {
      msgCreateTimeName = dayjs(date).format('YYYY-MM-DD HH:mm')
    }
    return msgCreateTimeName
  },
  filterCreateTime() {
    const gapTime = 5 * 60 * 1000
    const { messageList } = this.data

    let preTime = 0
    messageList.forEach((item, index) => {
      if (index === 0) {
        item.showTime = true
        preTime = dayjs(item.msgCreateTime).valueOf()
        item.msgCreateTimeName = this.formatTime(item.msgCreateTime)
      } else {
        const curTime = dayjs(item.msgCreateTime).valueOf()
        if (curTime - preTime > gapTime) {
          item.showTime = true
          item.msgCreateTimeName = this.formatTime(item.msgCreateTime)
          preTime = dayjs(item.msgCreateTime).valueOf()
        }
      }
    })
    this.setData({
      messageList,
    })
  },
  handleQuestionTab(e) {
    const { index } = e.currentTarget.dataset
    this.setData({
      questionActive: index,
      questionActiveList: this.data.questionList[index].questionList,
    })
  },
  handleDoctorDetail() {
    const { doctorId } = this.data.doctorDetail
    wx.navigateTo({
      url: `/patient/pages/doctorDetail/index?id=${doctorId}`,
    })
  },
  handleRead() {
    const { firstNotReadMsgId, messageList } = this.data
    const index = messageList.findIndex((item) => `${item.msgId}` === `${firstNotReadMsgId}`)
    this.handleView(index)
    this.setData({
      unReadCount: 0,
    })
  },
  handleFooter() {
    app.mpBehavior({ PageName: 'BTN_PatientImAsk' })
    this.setData({
      expend: !this.data.expend,
    })
    if (this.data.expend) {
      setTimeout(() => {
        this.handleView()
      }, 300)
    }
  },
  handleAdl() {
    wx.navigateTo({
      url: '/patient/pages/adl/index',
    })
  },
  handleAudio(e) {
    const { index } = e.currentTarget.dataset
    const { messageList } = this.data
    const messageItem = messageList[index]
    const { url } = messageItem.msgContent[0]
    if (this.innerAudioContext) {
      if (messageItem.isPlay) {
        this.innerAudioContext.stop()
        messageItem.isPlay = false
        this.setData({
          messageList,
        })
        return
      }
      this.innerAudioContext.stop()
      this.innerAudioContext.src = url
      this.innerAudioContext.play()
      messageItem.isPlay = true
      this.innerAudioContext.onEnded(() => {
        messageItem.isPlay = false
        this.setData({
          messageList,
        })
      })
      this.setData({
        messageList,
      })
    }
  },
  handleFillUserInfo() {
    wx.navigateTo({
      url: '/patient/pages/personalInformation/index',
    })
  },
  handleReferral() {
    this.setData({
      referralFromShow: true,
    })
  },
  handleReferralReplay(e) {
    const params = e.detail
    this.setData({
      messageList: [
        ...this.data.messageList,
        {
          msgId: '',
          msgContentType: '9',
          msgVisitTime: '',
          msgContent: '',
          msgFromType: '1',
          msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
          ReVisitInfo: {
            ...params,
            visitDateName: dayjs(params.visitDate).format('YYYY年M月DD日'),
          },
        },
      ],
    })
  },
  handleBack() {
    wx.navigateBack({
      fail() {
        wx.reLaunch({
          url: '/patient/pages/index/index',
        })
      },
    })
  },
})