import { createRouter, createWebHistory, RouteRecordRaw, createWebHashHistory } from "vue-router"
import type { RouteLocationNormalizedLoaded, RouteLocationRaw } from "vue-router"
import store from "@/store"
import { Https } from "@/tool/https"
import { getCookie, setCookie } from "@/tool/cookie"

type SellerRouteMetaValue<T> = T | ((route: RouteLocationNormalizedLoaded) => T)
type SellerBreadcrumbItem = {
	title?: SellerRouteMetaValue<string>
	titleKey?: SellerRouteMetaValue<string>
	to?: SellerRouteMetaValue<RouteLocationRaw | undefined>
}
type SellerBreadcrumbList = SellerRouteMetaValue<SellerBreadcrumbItem[]>

const myListingsBreadcrumb: SellerBreadcrumbItem = {
	titleKey: "Seller.MyListings",
	to: { name: "myListingsIndex" }
}
const selectCollectionBreadcrumb: SellerBreadcrumbItem = {
	titleKey: "Seller.SelectCollection",
	to: { name: "myListingsSelect" }
}
const selectSketchBreadcrumb: SellerBreadcrumbItem = {
	titleKey: "Seller.SelectSketch",
	to: (route) => {
		const collectionId =
			route.params.collectionId ||
			(typeof history !== "undefined" ? history.state?.collectionId : "")

		return collectionId
			? { name: "myListingsSelectItem", params: { collectionId } }
			: undefined
	}
}
const editListingBreadcrumb: SellerBreadcrumbItem = {
	titleKey: "Seller.EditListingDetails"
}
const statusBreadcrumb: SellerBreadcrumbItem = {
	titleKey: (route) =>
		route.params.status === "publish"
			? "SellerListEdit.listingLive"
			: "SellerListEdit.draftSaved"
}
const createListingBreadcrumbs: SellerBreadcrumbItem[] = [
	myListingsBreadcrumb,
	selectCollectionBreadcrumb,
	selectSketchBreadcrumb,
	editListingBreadcrumb
]
const isEditingListingFromList = () =>
	typeof history !== "undefined" && history.state?.type === "edit"
const editListingBreadcrumbs: SellerBreadcrumbList = () =>
	isEditingListingFromList()
		? [myListingsBreadcrumb, editListingBreadcrumb]
		: createListingBreadcrumbs
const listingStatusBreadcrumbs: SellerBreadcrumbList = () =>
	isEditingListingFromList()
		? [myListingsBreadcrumb, editListingBreadcrumb, statusBreadcrumb]
		: [...createListingBreadcrumbs, statusBreadcrumb]

const routes: Array<RouteRecordRaw> = [
	{
		path: "/",
		// redirect重定向
		meta: { enter: "all" },
		redirect: "/Square"
		// redirect: "/upgrade"
	},
	{
		path: "/login",
		name: "login",
		meta: { enter: "all" },
		component: () => import("@/views/Login.vue")
	},
	{
		path: "/canvasExample",
		name: "canvasExample",
		meta: { enter: "all" },
		component: () => import("@/component/Canvas/canvasExample.vue")
	},

	{
		path: "/schoolLogin",
		name: "schoolLogin",
		meta: { enter: "all" },
		component: () => import("@/views/Login.vue") // 使用通用登录组件
	},
	{
		path: "/enterpriseLogin",
		name: "enterpriseLogin",
		meta: { enter: "all" },
		component: () => import("@/views/Login.vue") // 使用通用登录组件
	},
	{
		path: "/test",
		name: "test1",
		meta: { enter: "all" },
		component: () => import("@/views/test.vue")
	},
	{
		path: "/register",
		name: "register",
		meta: { enter: "all" },
		component: () => import("@/views/Register.vue")
	},
	{
		path: "/register/:lang",
		name: "registerLang",
		meta: { enter: "all" },
		component: () => import("@/views/Register.vue")
	},
	{
		path: "/upgrade",
		name: "upgrade",
		meta: { enter: "all" },
		component: () => import("@/views/Upgrade.vue")
	},
	{
		path: "/home",
		name: "home",
		meta: { enter: "all" },
		component: () => import("@/views/HomeMain.vue"),
		children: [
			{
				path: "tools",
				name: "tools",
				meta: { enter: "all", cache: true },
				component: () => import("@/views/HomeView/Tools.vue")
			},
			//   {
			//     path: "homePage",
			//     name: "homePage",
			//     meta: { enter: "all" },
			//     component: () => import("@/views/HomeView/HomeView.vue"),
			//   },
			{
				path: "library",
				name: "library",
				meta: { enter: "all" },
				component: () => import("@/views/HomeView/library.vue")
			},
			{
				path: "history",
				name: "history",
				meta: { enter: "all" },
				component: () => import("@/views/HomeView/history.vue")
			},
			//   {
			//     path: "history/:type/:id",
			//     name: "toolsPage",
			//     meta: { enter: "all",cache:true },
			//     component: () => import("@/views/HomeView/Tools.vue"),
			//   },
			{
				path: "history/:id",
				name: "designPage",
				meta: { enter: "all", cache: true },
				component: () => import("@/component/home/design/index.vue")
			},
			{
				path: "works",
				name: "works",
				meta: { enter: "all" },
				component: () => import("@/views/HomeView/Works.vue")
			},
			{
				path: "events",
				name: "events",
				meta: { enter: "all" },
				component: () => import("@/views/HomeView/Events.vue")
			},
			{
				path: "cloud",
				name: "cloud",
				meta: { enter: "all" },
				component: () => import("@/views/HomeView/cloudGeneration.vue")
			},
			{
				path: "eventsDetail",
				name: "eventsDetail",
				meta: { enter: "all" },
				component: () => import("@/component/Events/eventsDetail.vue")
			},
			{
				path: "account",
				name: "account",
				meta: { enter: "all" },
				component: () => import("@/component/Account/account.vue"),
				children: [
					{
						path: "",
						name: "accountChil",
						meta: { enter: "all" },
						redirect: "/home/account/frontPage"
					},
					{
						path: "frontPage",
						name: "frontPage",
						meta: { enter: "all" },
						component: () => import("@/component/Account/frontPage.vue")
					},
					{
						path: "accountMessage",
						name: "accountMessage",
						meta: { enter: "all" },
						component: () => import("@/component/Account/accountMessage.vue")
					},
					{
						path: "accountFollowFans",
						name: "accountFollowFans",
						meta: { enter: "all" },
						component: () => import("@/component/Account/accountFollowFans.vue")
					}
				]
			},
			{
				path: "otherUsers",
				name: "otherUsers",
				meta: { enter: "all" },
				component: () => import("@/component/Account/otherUsers.vue")
			},
			{
				path: "becomeSeller",
				name: "becomeSeller",
				meta: {
					enter: "all",
					sellerHeaderTitle: "ApplySeller.applySellerTitle",
					sellerHeaderTip: "ApplySeller.applySellerDesc"
				},
				component: () => import("@/views/SellerDashboard/BecomeSeller/index.vue")
			},
			{
				path: "seller",
				name: "seller",
				meta: { enter: "all" },
				component: () => import("@/views/SellerDashboard/index.vue"),
				children: [
					{
						path: "brandProfile",
						name: "brandProfile",
						meta: { enter: "all" },
						component: () => import("@/views/SellerDashboard/BrandProfile/index.vue")
					},
					{
						path: "myListings",
						name: "myListings",
						meta: { enter: "all", sellerBreadcrumb: myListingsBreadcrumb },
						children: [
							{
								path: "",
								name: "myListingsChild",
								meta: { enter: "all" },
								redirect: "/home/seller/myListings/index"
							},
							{
								path: "index",
								name: "myListingsIndex",
								meta: {
									enter: "all",
									sellerHeaderTitleKey: "Seller.MyListings",
									sellerHeaderTipKey: "Seller.MyListingsInfo",
									sellerBreadcrumbs: [myListingsBreadcrumb]
								},
								component: () =>
									import("@/views/SellerDashboard/MyListings/main/index.vue")
							},
							{
								path: "select",
								name: "myListingsSelect",
								meta: {
									enter: "all",
									sellerHeaderTitleKey: "Seller.SelectCollection",
									sellerBreadcrumbs: [
										myListingsBreadcrumb,
										selectCollectionBreadcrumb
									]
								},
								component: () =>
									import("@/views/SellerDashboard/MyListings/createSelect/index.vue")
							},
							{
								path: "select/:collectionId",
								name: "myListingsSelectItem",
								meta: {
									enter: "all",
									sellerHeaderTitleKey: "Seller.SelectCollection",
									sellerBreadcrumbs: [
										myListingsBreadcrumb,
										selectCollectionBreadcrumb,
										selectSketchBreadcrumb
									]
								},
								component: () =>
									import("@/views/SellerDashboard/MyListings/createSelectItem/index.vue")
							},
							{
								path: "edit",
								name: "EditDetail",
								meta: {
									enter: "all",
									sellerHeaderTitleKey: "Seller.EditListingDetails",
									sellerBreadcrumbs: editListingBreadcrumbs
								},
								component: () =>
									import("@/views/SellerDashboard/MyListings/EditDetail/index.vue")
							},
							{
								path: "edit/status/:status",
								name: "Status",
								meta: {
									enter: "all",
									sellerHeaderTitleKey: "Seller.EditListingDetails",
									sellerBreadcrumbs: listingStatusBreadcrumbs
								},
								component: () =>
									import("@/views/SellerDashboard/MyListings/EditDetail/Status.vue")
							}
						]
					},
					{
						path: "myOrders",
						name: "myOrders",
						meta: { enter: "all" },
						component: () => import("@/views/SellerDashboard/MyOrders/index.vue")
					},
					{
						path: "settings",
						name: "settings",
						meta: { enter: "all" },
						component: () => import("@/views/SellerDashboard/Settings/index.vue")
					}
				]
			}
		]
	},
	{
		path: "/Square",
		name: "HomeRecommend",
		meta: { enter: "all" },
		component: () => import("@/views/HomeRecommend.vue")
	},
	{
		path: "/Square/:lang",
		name: "HomeRecommendLang",
		meta: { enter: "all" },
		component: () => import("@/views/HomeRecommend.vue"),
	  },
	{
		path: "/administrator",
		name: "administrator",
		meta: { enter: 3 },
		component: () => import("@/views/Administrator.vue"),
		children: [
			{
				path: "allUser",
				name: "allUser",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/allUser.vue")
			},
			{
				path: "coupons",
				name: "coupons",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/coupons/index.vue")
			},
			{
				path: "testClickData",
				name: "testClickData",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/TestClickData.vue")
			},
			{
				path: "trialApproval",
				name: "trialApproval",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/trialApproval.vue")
			},
			{
				path: "questionnaire",
				name: "questionnaire",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/questionnaire.vue")
			},
			{
				path: "recentActiveChart",
				name: "recentActiveChart",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/recentActiveChart.vue")
			},
			{
				path: "recentActiveUser",
				name: "recentActiveUser",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/recentActiveUser.vue")
			},
			{
				path: "recentActiveUserChart",
				name: "recentActiveUserChart",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/recentActiveUserChart.vue")
			},
			{
				path: "recentNewUser",
				name: "recentNewUser",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/recentNewUser.vue")
			},
			{
				path: "recentNewUserChart",
				name: "recentNewUserChart",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/recentNewUserChart.vue")
			},
			{
				path: "trialUserCountry",
				name: "trialUserCountry",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/trialUserCountry.vue")
			},
			{
				path: "trialUserConversionRateChart",
				name: "trialUserConversionRateChart",
				meta: { enter: 3 },
				component: () =>
					import("@/component/Administrator/trialUserConversionRateChart.vue")
			},
			{
				path: "trialAllUser",
				name: "trialAllUser",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/trialAllUser.vue")
			},
			{
				path: "affiliateAudit",
				name: "affiliateAudit",
				meta: { enter: 3 },
				component: () =>
					import("@/component/Administrator/affiliate/affiliateAudit/affiliateAudit.vue")
			},
			{
				path: "affiliateReferral",
				name: "affiliateReferral",
				meta: {
					enter: 3
				},
				component: () =>
					import("@/component/Administrator/affiliate/affiliateReferral/index.vue")
			},
			{
				path: "TransactionTable",
				name: "TransactionTable",
				meta: { enter: 3 },
				component: () =>
					import("@/component/Administrator/Transaction/TransactionTable.vue")
			},
			{
				path: "organization",
				name: "organization",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/organization/organization.vue")
			},
			{
				path: "subscriptionPlan",
				name: "subscriptionPlan",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/subscriptionPlan.vue")
			},
			//企业版教育管理员页面
			{
				path: "allUserSE",
				name: "allUserSE",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/SE/allUser/index.vue")
			},
			{
				path: "testClickDataSE",
				name: "testClickDataSE",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/SE/designDetailList/index.vue")
			},
			{
				path: "recentActiveChartSE",
				name: "recentActiveChartSE",
				meta: { enter: 3 },
				component: () => import("@/component/Administrator/SE/recentActiveChart.vue")
			},
			{
				path: "generateFrequencySE",
				name: "generateFrequencySE",
				meta: { enter: 3 },
				component: () =>
					import("@/component/Administrator/SE/getGenerateFrequency/index.vue")
			}
		]
	},
	{
		path: "/paySucceed",
		name: "paySucceed",
		meta: {
			enter: "all"
		},
		component: () => import("@/views/paySucceed.vue")
	},
	{
		path: "/affiliate",
		name: "affiliate",
		meta: {
			enter: 2
		},
		component: () => import("@/views/affiliate/affiliatePage.vue"),
		children: [
			{
				path: "",
				name: "defaultAffiliateHome",
				meta: {
					enter: 2
				},
				component: () => import("@/component/affiliate/home.vue")
			},
			{
				path: "/affiliateHome",
				name: "affiliateHome",
				meta: {
					enter: 2
				},
				component: () => import("@/component/affiliate/home.vue")
			}
		]
	},
	{
		path: "/affiliateRegister",
		name: "affiliateRegister",
		meta: {
			enter: "all"
		},
		component: () => import("@/views/affiliate/affiliateRegister.vue")
	},
	{
		path: "/feedbackSurvey",
		name: "feedbackSurvey",
		meta: {
			enter: "all"
		},
		component: () => import("@/views/feedbackSurvey.vue")
	},
	{
		path: "/feedbackSurveyCN",
		name: "feedbackSurveyCN",
		meta: {
			enter: "all"
		},
		component: () => import("@/views/feedbackSurveyCN.vue")
	},
	{
		path: "/email3-1EN",
		name: "email3-1EN",
		meta: {
			enter: "all"
		},
		component: () => import("@/views/emailPage/email3-1EN.vue")
	},
	{
		path: "/email3-1CN",
		name: "email3-1CN",
		meta: {
			enter: "all"
		},
		component: () => import("@/views/emailPage/email3-1CN.vue")
	},
	{
		path: "/404",
		name: "404",
		meta: {
			enter: "all"
		},
		component: () => import("@/views/404.vue")
	},
	{
		path: "/userManual",
		name: "userManual",
		meta: {
			enter: "all"
		},
		component: () => import("@/views/userManual.vue")
	},
	{
		path: "/:catchAll(.*)",
		redirect: "/404"
	}
]

const router = createRouter({
	history: createWebHistory(import.meta.env.BASE_URL),
	//   history: createWebHashHistory(),
	routes
})
// 刷新保存数据-
let state: any = store.state
// window.addEventListener("beforeunload", (e) => {
//   localStorage.setItem(
//     "vuex_setUserDetail",
//     JSON.stringify(state.UserHabit.userDetail)
//   );
// });
// var vuex_userDetail: any = localStorage.getItem("vuex_userDetail");
// if (vuex_userDetail) {
// 	console.log(vuex_userDetail)
//   if (JSON.parse(vuex_userDetail).email != "-------------") {
//     store.commit("setUserStatus", JSON.parse(vuex_userDetail));
//   }
// }

let setMurmur = (id: any) => {
	let murmurStr: any = localStorage.getItem("murmurStr")
	// let isSxis = false
	let data = {
		browserIdentifiers: murmurStr,
		id: id
	}
	if (data.id) {
		Https.axiosPost(Https.httpUrls.noLoginRequired, data)
			.then((rv) => {
				let isTest = rv.systemUser == 3 ? true : false
				let isBeginner = rv?.isBeginner == 1 ? true : false
				setCookie("isMurmur", true)
				setCookie("token", rv.token)
				setCookie("isTest", isTest)
				setCookie("isBeginner", isBeginner)
				setCookie("isBeginnerNum", 0) //从第一步开始，机器人开始的话就是从第二部开始
				setCookie("userInfo", JSON.stringify(rv))
				let userid = {
					ueserId: rv.userId,
					systemUser: rv.systemUser
				}
				store.commit("upUserDetail", userid)
				sessionStorage.setItem("isTimeOne", JSON.stringify(false)) //是否需要公告 提示 弹窗
				let randomNum: any = Math.floor(Math.random() * 9000000000000000) + 1000000000000000
				sessionStorage.setItem("sessionId", randomNum)
				router.push("/home")
			})
			.catch((res) => {
				// router.push('/Square')
			})
	}
}
const setViewsIncrease = (value: any) => {
	sessionStorage.setItem("affiliateRef", value)
	let data = {
		id: value
	}
	Https.axiosGet(Https.httpUrls.viewsIncrease, { params: data }).then((rv) => {})
}
let upgradeList = ["/feedbackSurvey", "/feedbackSurveyCN", "emailVerify"] //指定页面系统维护也可以访问
function isTimeRangePassed(timeRange) {
	const [startStr, endStr] = timeRange.split(" - ")
	const startTime = new Date(startStr).getTime()
	const endTime = new Date(endStr).getTime()
	const currentTime = new Date().getTime()

	if (currentTime < startTime) {
		return "not_started" // 未开始
	} else if (currentTime >= startTime && currentTime <= endTime) {
		return "in_progress" // 进行中
	} else {
		return "ended" // 已结束
	}
}

router.beforeEach((to: any, from, next) => {
	store.commit("set_view_loading", true)
	//系统维护时间
	const time = "2026-01-23T21:00:00 - 2026-01-23T22:00:00"
	if (isTimeRangePassed(time) == "in_progress") {
		// 	系统维护
		const toName = to.name === "upgrade"
		if (to.query.status == "admin") {
			localStorage.setItem("isAdminVisit", "true")
		}
		const isAdminVisit = localStorage.getItem("isAdminVisit") == "true"
		if (upgradeList.indexOf(to.path) > -1 || isAdminVisit) {
			next()
		} else {
			if (toName) {
				next()
			} else {
				next({ name: "upgrade" })
			}
		}
	} else {
		localStorage.setItem("isAdminVisit", "false")

		// 机房用户
		let herfData = window.location.search.substring(1)
		if (herfData.split("=")[0] == "noLogin" && to.name != "homePage") {
			setMurmur(herfData.split("=")[1])
			return
		}
		let affiliateRef = sessionStorage.getItem("affiliateRef")
		if (to.query.order) sessionStorage.setItem("orderId", to.query.order) //记录是否点击跳转订单链接
		if (to.query.ref && affiliateRef != to.query.ref) setViewsIncrease(to.query.ref)

		var vuex_systemList: any = sessionStorage.getItem("vuex_systemList")
		if (to.meta.enter == "all") {
			next()
		} else if (
			state.UserHabit?.userDetail?.systemList?.indexOf(to.meta.enter) > -1 ||
			vuex_systemList?.indexOf(to.meta.enter)
		) {
			next()
		} else {
			next("/404")
		}
	}

	// if(systemUser == 0){//游客用户只能进入这两个页面
})
router.afterEach((to, from) => {
	store.commit("set_view_loading", false)
})
export default router