import { SubscriptionMessageApi } from "@/api/user"
import Taro from "@tarojs/taro"
import dayjs from "dayjs"
import { useEffect, useRef, useState } from "react"

//倒计时hook
export const useTimeCountDown = () => {
    const [showTime, setShowTime] = useState({
        DD: '',
        HH: '',
        MM: '',
        SS: ''
    })
    const [timeStatus, setTimeStatus] = useState<0|1|2>(0) //倒计时状体  0:倒计时未开始 1:倒计时中， 2：倒计时已结束
    const timeObj:any = useRef()
    const endTime = useRef('')
    const onStart = (val = '') => {
        console.log('time:::', val)
        endTime.current = val
        if(endTime.current) {
            clearInterval(timeObj.current)
            timeObj.current = setInterval(() => {
                count_down()
            }, 1000)
        }
    }
    useEffect(() => {
        return () => {
            clearInterval(timeObj.current)
        }
    }, [])
    const count_down = () => {
        var startData = dayjs();
        var endDate = dayjs(endTime.current);
        setTimeStatus(() => 1)
        if(startData >= endDate)  {
            clearInterval(timeObj.current)
            setShowTime((e) => ({...e, DD:'00', HH:'00', MM:'00', SS:'00'}))
            setTimeStatus(() => 2)
            return false
        }
        var _dd = endDate.diff(startData,'day');
        var _hh = endDate.diff(startData,'hour');
        var _mm = endDate.diff(startData,'minute');
        var _ss = endDate.diff(startData,'second');
        // 转换
        var hh = _hh - (_dd*24);
        var mm = _mm - (_hh*60);
        var ss = _ss - (_mm*60);
        // 格式化
        var DD =  ('00'+_dd).slice(-2);
        var HH =  ('00'+hh).slice(-2);
        var MM =  ('00'+mm).slice(-2);
        var SS =  ('00'+ss).slice(-2);
        console.log('endTime::', `${DD}-${HH}-${MM}-${SS}`)
        setShowTime((e) => ({...e, DD, HH, MM, SS}))
    }
    return {
        showTime,
        onStart,
        timeStatus
    }
}


//订阅消息hook
export const UseSubscriptionMessage = () => {
    const {fetchData: fetchDataMessage} = SubscriptionMessageApi()
    const openSubscriptionMessage = ({orderId = 0, scenes = 0}:{orderId?: number, scenes: number}) => {
        return new Promise(async (resolve) => {
            let params:{sale_order_id?: number, scenes?: number} = {}
            orderId&&(params.sale_order_id = orderId)
            params.scenes = scenes
            let res = await fetchDataMessage(params)
            if(res.success&&res.data.TemplateID&&res.data.TemplateID.length > 0) {
                Taro.requestSubscribeMessage({
                    tmplIds: res.data.TemplateID,
                    complete: function (res) {
                        resolve(res)
                    }
                })
            } else {
                resolve(true)
            }
        })
    }

    return {
        openSubscriptionMessage
    }
      
}