import StarRating from "react-svg-star-rating"
import React, { useEffect, useState } from "react"
import AnimatedNumber from "animated-number-react"

export function PageRating({ locale, i18n, meta }) {
    const [dynamicData, setDynamicData] = useState({
        readOnly: false,
        hit: meta.hit || 0,
        score: meta.score || 0,
        count: meta.count || 0,
    })

    const handleOnClick = async (rating) => {

    }

    return (
        <div className="mt-8 text-center">
            <div className="my-6 text-2xl">{i18n.Title}</div>
            <StarRating
                unit="half"
                size={56}
                initialRating={dynamicData.score}
                isReadOnly={dynamicData.readOnly}
                handleOnClick={handleOnClick}
                starClassName="inline-block opacity-70"
            />
            <div className="text-sm my-2 divide-solid space-x-4">
                <AnimatedNumber
                    value={dynamicData.hit < 1 ? 1 : dynamicData.hit}
                    formatValue={(v) => {
                        return `${i18n.Hit}${~~v}`
                    }}
                    delay={800}
                />

                <AnimatedNumber
                    value={dynamicData.score}
                    formatValue={(v) => {
                        return `${i18n.Score}${v.toFixed(1)}`
                    }}
                    delay={500}
                />

                <AnimatedNumber
                    value={dynamicData.count}
                    formatValue={(v) => {
                        return `${i18n.Count}${~~v}`
                    }}
                    delay={500}
                />
            </div>
        </div>
    )
}

//token 算法
function genToken(user) {
	return md5(Buffer.from('SALT' + (user.trim() || '')).toString('base64'))
}

export default async function Score(req, res) {
	if (req.method !== 'POST') {
		return res.status(200).json({
			success: true,
			meta: {
				score: 0,
				view: 0
			}
		})
	}

	const submitSchema = Joi.object({
		slug: Joi.string().min(1).max(512).required(),
		score: Joi.number().positive().max(5),
        locale: Joi.string().max(10).empty('').default('zh-Hans'),
	})

	const { error, value } = submitSchema.validate(req.body)
	if (error) {
		return res.status(200).json({
			success: false,
			message: error.message || '',
		})
	}

	const clientIP = requestIp.getClientIp(req) || ''
	const now = moment().format('YYYY-MM-DD HH:mm:ss')
	const slug = decodeURIComponent(value.slug)

	//查看 cookie
	const parsedCookies = parseCookies({ req })
	let token = parsedCookies.mszlz_token || ''
	let user = parsedCookies.mszlz_user || ''

	//判断用户是否存在
	let existUser = false
	if (token && token.length > 0 && user && user.length > 0 && genToken(user) === token) {
		existUser = true
	}

    
	if (!value.score) {
        //TODO: 获取动态数据
    } else {
        //TODO: 提交评分
    }
}

let userScore = value.score
let needRecordScore = false

//不存在该用户
if (!existUser) {
    const ipUser = await getUserByIP(locale, slug, clientIP)
    //获取老用户
    if (ipUser && ipUser.exist) {
        user = ipUser.user
        token = genToken(user)
        userScore = ipUser.score
    } else {
        user = nanoid(10)
        token = genToken(user)
        needRecordScore = true
    }
    
    setCookie({ res }, 'mszlz_user', user, {
        path: '/',
        maxAge: 365 * 24 * 60 * 60,
    })

    setCookie({ res }, 'mszlz_token', token, {
        path: '/',
        maxAge: 365 * 24 * 60 * 60,
    })
} else {
    const niUser = await getScoreByNameAndIP(locale, slug, clientIP, user)
    if (niUser && niUser.exist) {
        userScore = niUser.score
    } else {
        needRecordScore = true
    }
}

//记录赞
if (needRecordScore) {
    await recordLiked({
        user: user,
        ip: clientIP,
        i18n: locale,
        slug: slug,
        score: userScore,
        timestamp: now,
    })
}

res.status(200).json({
    success: needRecordScore
})

let userScore = -1

//不存在该用户
if (!existUser) {
    const ipUser = await getUserByIP(locale, slug, clientIP)
    
    //获取老用户
    if (ipUser && ipUser.exist) {
        user = ipUser.user
        token = genToken(user)
        userScore = ipUser.score
    } else {
        user = nanoid(10)
        token = genToken(user)
        userScore = -1
    }
    
    setCookie({ res }, 'mszlz_user', user, {
        path: '/',
        maxAge: 365 * 24 * 60 * 60,
    })

    setCookie({ res }, 'mszlz_token', token, {
        path: '/',
        maxAge: 365 * 24 * 60 * 60,
    })
} else {
    const niUser = await getScoreByNameAndIP(locale, slug, clientIP, user)
    if (niUser && niUser.exist) {
        userScore = niUser.score
    }
}

const meta = await getDynamicMeta(locale, slug)
res.status(200).json({
    success: true,
    meta: {
        ...meta,
        userScore,
    }
})

//记录访问信息
await recordVisitor({
    ip: clientIP,
    user: user,
    i18n: locale,
    slug: slug,
    timestamp: now,
})