import type { ActivityVo } from 'Activity'
import { defineStore } from 'pinia'
import { getActivityDetail } from '~~/composables/apis/activity'
import { getConfig } from '~~/composables/apis/config'
export const useGlobalStore = defineStore('global', {
  state: () => {
    const func = () => {
      const urlLocale = useRoute().fullPath.split('/')[1]
      if (urlLocale === 'en' || urlLocale === 'jp') {
        const { $i18n } = useNuxtApp()
        $i18n.setLocale(urlLocale)
        const locale = useCookie('locale', {
          maxAge: 3600 * 3600
        })
        locale.value = urlLocale
        return urlLocale
      } else {
        const { $i18n } = useNuxtApp()
        $i18n.setLocale('cn')
        const locale = useCookie('locale', {
          maxAge: 3600 * 3600
        })
        locale.value = 'cn'
        return 'cn'
      }
    }
    return {
      localeState: func() || useCookie('locale').value || 'cn',
      config: {
        currentActivityId: 2023
      },
      currentActivityData: null,
      isLoadingState: false
    } as {
      localeState: 'cn' | 'en' | 'jp'
      config: ConfigVo | null
      currentActivityData: ActivityVo | null
      isLoadingState: boolean
    }
  },
  actions: {
    setLocale(newLocale: 'cn' | 'en' | 'jp') {
      const { $i18n } = useNuxtApp()
      $i18n.setLocale(newLocale)
      const locale = useCookie('locale', {
        maxAge: 3600 * 3600
      })
      locale.value = newLocale
      this.localeState = newLocale
    },
    async setConfig() {
      const { data } = await getConfig()
      this.config = data
    },
    unloading() {
      this.isLoadingState = false
    },
    loading() {
      this.isLoadingState = true
    },
    async setCurrentActivity() {
      if (this.config && this.config.currentActivityId) {
        try {
          const { data } = await getActivityDetail(this.config.currentActivityId)
          this.currentActivityData = data || null
        } catch (error) {
          this.currentActivityData = null
        }
      }
    }
  }
})