import type { IPrizeConfig } from '@/types/storeType'
import { storeToRefs } from 'pinia'
import { onMounted, ref } from 'vue'
import i18n from '@/locales/i18n'

import useStore from '@/store'

export function usePrizeList(temporaryPrizeRef: any) {
    const prizeConfig = useStore().prizeConfig
    const globalConfig = useStore().globalConfig
    const system = useStore().system
    const {
        getPrizeConfig: localPrizeList,
        getCurrentPrize: currentPrize,
        getTemporaryPrize: temporaryPrize,
    } = storeToRefs(prizeConfig)
    const {
        getIsShowPrizeList: isShowPrizeList,
        getImageList: localImageList,
    }
        = storeToRefs(globalConfig)
    const { getIsMobile: isMobile } = storeToRefs(system)

    const selectedPrize = ref<IPrizeConfig | null>()
    const prizeShow = ref(structuredClone(isShowPrizeList.value))

    function addTemporaryPrize() {
        temporaryPrizeRef.value.showDialog()
    }

    function deleteTemporaryPrize() {
        temporaryPrize.value.isShow = false
        prizeConfig.setTemporaryPrize(temporaryPrize.value)
    }
    function submitTemporaryPrize() {
        if (!temporaryPrize.value.name || !temporaryPrize.value.count) {
            // eslint-disable-next-line no-alert
            alert(i18n.global.t('error.completeInformation'))
            return
        }
        temporaryPrize.value.isShow = true
        temporaryPrize.value.id = new Date().getTime().toString()
        prizeConfig.setCurrentPrize(temporaryPrize.value)
    }
    function selectPrize(item: IPrizeConfig) {
        selectedPrize.value = item
        selectedPrize.value.isUsedCount = 0
        selectedPrize.value.isUsed = false

        if (selectedPrize.value.separateCount.countList.length > 1) {
            return
        }
        selectedPrize.value.separateCount = {
            enable: true,
            countList: [
                {
                    id: '0',
                    count: item.count,
                    isUsedCount: 0,
                },
            ],
        }
    }
    function submitData(value: any) {
        selectedPrize.value!.separateCount.countList = value
        selectedPrize.value = null
    }
    function changePersonCount() {
        temporaryPrize.value.separateCount.countList = []
    }
    function setCurrentPrize() {
        for (let i = 0; i < localPrizeList.value.length; i++) {
            if (localPrizeList.value[i].isUsedCount < localPrizeList.value[i].count) {
                prizeConfig.setCurrentPrize(localPrizeList.value[i])

                return
            }
        }
    }
    onMounted(() => {
        setCurrentPrize()
    })

    return {
        temporaryPrize,
        changePersonCount,
        selectPrize,
        currentPrize,
        localImageList,
        addTemporaryPrize,
        submitTemporaryPrize,
        submitData,
        deleteTemporaryPrize,
        prizeShow,
        localPrizeList,
        isMobile,
    }
}