import { readError } from '@/shared/utils/error'
import { onUnmounted, ref } from 'vue'
import { showToast } from 'vant'
import { sendSmsCode } from '@/features/auth/api/auth'

export function useSmsCountdown() {
  const countDown = ref(0)
  const sending = ref(false)
  let timer: ReturnType<typeof setInterval> | null = null

  function startCountDown() {
    countDown.value = 60
    timer = setInterval(() => {
      countDown.value--
      if (countDown.value <= 0) {
        clearInterval(timer!)
        timer = null
      }
    }, 1000)
  }

  onUnmounted(() => {
    if (timer) {
      clearInterval(timer)
      timer = null
    }
  })

  async function handleSendCode(
    phone: string,
    captcha?: { captchaId: string; captchaCode: string }
  ) {
    if (!phone.trim()) {
      showToast({ message: '请输入手机号', icon: 'warning-o' })
      return false
    }
    if (!captcha?.captchaId || !captcha.captchaCode.trim()) {
      showToast({ message: '请输入图形验证码', icon: 'warning-o' })
      return false
    }

    sending.value = true
    try {
      await sendSmsCode(phone, captcha.captchaId, captcha.captchaCode)
      showToast({
        message: '验证码已发送，请注意查收',
        icon: 'passed',
      })
      startCountDown()
      return true
    } catch (error) {
      showToast({
        message: readError(error, '验证码发送失败，请稍后重试'),
        icon: 'cross',
      })
      return false
    } finally {
      sending.value = false
    }
  }


  return {
    countDown,
    sending,
    handleSendCode,
    readError,
  }
}