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;
  msgVisitTimeType?: string;
  msgFromType: '1' | '2'; // 1: 患者 2: 医生
  isPlay?: boolean;
  msgCreateTime: string; // 消息创建时间
  msgCreateTimeName?: string; // 消息创建时间
  showTime?: boolean;
}

interface Item {
  wordId: string;
  word: string;
}

Page({
  data: {
    doctor: {} as any,

    patientId: '',
    messageListShow: false,
    patientDetail: {},

    isLoad: false,
    isFinish: false,
    scrollTop: 0,
    scrollIntoView: '',
    messageList: [] as IMessageItem[],
    nextMsgId: '',

    wordIndex: 0,
    wordList: [] as Item[],

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

  innerAudioContext: null as WechatMiniprogram.InnerAudioContext | null,

  onLoad(options) {
    this.innerAudioContext = wx.createInnerAudioContext({
      useWebAudioImplement: true,
    });
    this.setData({
      patientId: options.patientId,
    });
  },
  onShow() {
    app.waitLogin({ type: [2] }).then((_res) => {
      app.zdMpBehavior({ doctor: true, PageName: 'PG_DOCTORINTERACTIONDETAIL' });
      this.getDoctorDetail();
      this.getPatientDetail();
      this.getMessageList();
      this.getWordList();
    });
  },
  onUnload() {
    if (this.innerAudioContext) {
      this.innerAudioContext.stop();
    }
  },
  getDoctorDetail() {
    wx.ajax({
      method: 'GET',
      url: '?r=zd/doctor/account/info',
      data: {},
    }).then((res) => {
      this.setData({
        doctor: res.doctor,
      });
    });
  },
  getPatientDetail() {
    wx.ajax({
      method: 'GET',
      url: '?r=zd/doctor/message-interact/get-patient-info',
      data: {
        patientId: this.data.patientId,
      },
    }).then((res) => {
      if (res.LastAdlTime) {
        res.LastAdlTimeName = dayjs(res.LastAdlTime).from(dayjs().format('YYYY-MM-DD')).replace(' ', '');
      }
      this.setData({
        patientDetail: res,
      });
    });
  },
  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/doctor/message-interact/doctor-get-message-list',
      data: {
        nextMsgId,
        patientId: this.data.patientId,
      },
    }).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;
      });
      if (!this.data.nextMsgId && !res.messageList.length) {
        res.messageList = [
          {
            msgId: '0',
            msgContentType: '0',
            msgContent: '',
            msgVisitTime: '',
            msgFromType: '2',
          },
        ];
      }
      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();
    }
  },
  getWordList() {
    wx.ajax({
      method: 'GET',
      url: '?r=zd/doctor/message-interact/get-common-word-list',
      data: {},
    }).then((res) => {
      this.setData({
        wordList: res,
      });
    });
  },
  handleSendDate() {
    app.zdMpBehavior({ doctor: true, PageName: 'BTN_DOCTORINTERACTIONDETAILMYCLINICTIME' });
    const {
      messageList,
      doctor: { Clinic },
    } = this.data;
    if (!Clinic || (Array.isArray(Clinic) && !Clinic.length)) {
      wx.showModal({
        title: '完善出诊时间？',
        content: '您还没有录入出诊时间',
        confirmText: '录入',
        confirmColor: '#62bed0',
        success: (res) => {
          if (res.confirm) {
            wx.navigateTo({
              url: '/pages/d_userInfo/index',
            });
          }
        },
      });
      return;
    }
    wx.showModal({
      title: '提示',
      content: '将您的出诊时间发送给患者？',
      confirmColor: '#62bed0',
      success: (res) => {
        if (res.confirm) {
          this.setData({
            messageList: [
              ...messageList,
              {
                msgId: '',
                msgContentType: '2',
                msgContent: '',
                msgVisitTime: this.data.doctor.Clinic,
                msgVisitTimeType: this.data.doctor.ClinicType,
                msgFromType: '2',
                msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
              },
            ],
          });
          this.filterCreateTime();
          wx.ajax({
            method: 'POST',
            url: '?r=zd/doctor/message-interact/send-visit-time',
            data: {
              patientId: this.data.patientId,
            },
          });
          this.handleView();
        }
      },
    });
  },
  handleSendShow() {
    app.zdMpBehavior({ doctor: true, PageName: 'BTN_DOCTORINTERACTIONDETAILSENDMESSAGE' });
    this.setData({
      messageListShow: true,
    });
  },
  handlePopupMessageClose() {
    this.setData({
      messageListShow: false,
    });
  },
  handleWord(e) {
    const { index } = e.currentTarget.dataset;
    this.setData({
      wordIndex: index,
    });
  },
  handleSendWord() {
    const { messageList, wordList, wordIndex } = this.data;
    const { wordId, word } = wordList[wordIndex];
    this.setData({
      messageList: [
        ...messageList,
        {
          msgId: '',
          msgContentType: '1',
          msgContent: word,
          msgVisitTime: '',
          msgFromType: '2',
          msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
        },
      ],
    });
    this.filterCreateTime();
    this.handlePopupMessageClose();
    this.handleView();
    wx.ajax({
      method: 'POST',
      url: '?r=zd/doctor/message-interact/send-word-message',
      data: {
        patientId: this.data.patientId,
        wordId,
      },
    });
  },
  handleSendUserConform(e) {
    const { id } = e.currentTarget.dataset;
    const title = {
      6: '发送后患者将收到补充姓名通知',
      7: '发送后患者将收到完善信息通知',
    }[id];
    wx.showModal({
      title,
      confirmColor: '#62bed0',
      success: (res) => {
        if (res.confirm) {
          this.handleSendUser(id);
        }
      },
    });
  },
  handleSendUser(id) {
    const { messageList } = this.data;
    const content = {
      6: '请完善您的真实姓名，以便我清楚了解您的病情',
      7: '请完善您的个人信息，以便我清楚了解您的病情',
    }[id];
    this.setData({
      messageList: [
        ...messageList,
        {
          msgId: '',
          msgContentType: id,
          msgContent: content,
          msgVisitTime: '',
          msgFromType: '2',
          msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
        },
      ],
    });
    this.filterCreateTime();
    this.handlePopupMessageClose();
    this.handleView();
    const url = {
      6: '?r=zd/doctor/message-interact/send-remind-name',
      7: '?r=zd/doctor/message-interact/send-remind-init',
    }[id];
    wx.ajax({
      method: 'POST',
      url,
      data: {
        patientId: this.data.patientId,
      },
    });
  },

  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,
    });
  },
  handleView(index = -1) {
    this.setData({
      scrollIntoView: index > -1 ? `view${index}` : `place`,
    });
  },
  handlePatientDetail() {
    app.zdMpBehavior({ doctor: true, PageName: 'BTN_DOCTORINTERACTIONDETAILPATIENTFILE' });
    wx.navigateTo({
      url: `/pages/d_patientDetail/index?id=${this.data.patientId}`,
    });
  },
  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.innerAudioContext.onStop(() => {
        messageItem.isPlay = false;
        this.setData({
          messageList,
        });
      });
      this.setData({
        messageList,
      });
    }
  },
  handleAdl() {
    wx.showToast({
      title: '患者点击此按钮可进入ADL测评页面',
      icon: 'none',
    });
  },
  handleReferral() {
    wx.showModal({
      title: '',
      content: '您将给患者发送复诊时间填写卡片？',
      confirmText: '发送',
      confirmColor: '#62bed0',
      success: (res) => {
        if (res.confirm) {
          wx.ajax({
            method: 'POST',
            url: '?r=zd/doctor/message-interact/send-re-visit',
            data: {
              patientId: this.data.patientId,
            },
          }).then(() => {
            this.setData({
              messageList: [
                ...this.data.messageList,
                {
                  msgId: '',
                  msgContentType: '8',
                  msgVisitTime: '',
                  msgContent: '',
                  msgFromType: '2',
                  msgCreateTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
                },
              ],
            });
            this.handleView();
          });
        }
      },
    });
  },
});