import { commonFetch } from '#layers/utils/apiUtil'
import { usePageDataStore } from '#layers/stores/usePageDataStore'
import { useGetGameDomain } from '#layers/composables/useGetGameDomain'
import { usePathResolver } from '#layers/composables/usePathResolver'
import type { PageDataResponse } from '#layers/types/api/pageData'
import type { GameDataValue } from '#layers/types/api/gameData'

export default defineNuxtRouteMiddleware(async (to, _from) => {
  // client에서만 동작되도록 처리
  if (!import.meta.client) return

  const runtimeConfig = useRuntimeConfig()
  const stoveApiBaseUrl = runtimeConfig.public.stoveApiUrl
  const apiUrl = `${stoveApiBaseUrl}/pub-comm/v2.0/template/page`

  const store = usePageDataStore()
  const gameDomain = useGetGameDomain()
  const { getPathAfterLanguage } = usePathResolver()
  const headers = useRequestHeaders()
  const gameDataStore = useGameDataStore()
  const gameData = gameDataStore.gameData as GameDataValue

  const langCode = ssrGetFinalLocale(
    to.path,
    headers,
    gameData?.lang_codes,
    gameData?.default_lang_code
  )

  try {
    
    if (to.path.includes('inspection')) {
      console.log("🚀 ~ 점검페이지 접근 pageData.global")
      return
    }

    const pageUrl = getPathAfterLanguage(to.path)

    // error 페이지는 API 호출하지 않음
    if (pageUrl === '/error' || to.path.includes('/error')) {
      return
    }

    // pageUrl이 빈값이거나 null이면 /brand로 리다이렉트
    if (!pageUrl || pageUrl === '' || pageUrl === '/' || pageUrl === `/${langCode}/`) {
      return navigateTo(`/${langCode}/brand`, { external: false })
    }

    const accessToken = csrGetAccessToken()

    const headers = {
      Authorization: `Bearer ${accessToken}`,
    }

    // 쿼리스트링에서 f 파라미터 값 추출 (CSR용)
    const fValue = (to.query.f as string) || ''
    
    // 미리보기 API 호출 처리
    let finalGameDomain = gameDomain
    if (fValue === 'preview') {
      finalGameDomain = 'samplegame.onstove.com'
    }

    const queryParams: Record<string, string> = {
      game_domain: finalGameDomain,
      lang_code: langCode,
      page_url: pageUrl,
      _t: Date.now().toString(), // 캐시 무효화를 위한 타임스탬프
    }

    const response = (await commonFetch('GET', apiUrl, {
      headers,
      query: queryParams,
      loading: true,
    })) as PageDataResponse | null
    console.log('🚀 ~ pageData.global response:', response.value)

    // 페이지 접근 권한 설정(로그인 유무)
    if(response?.value?.is_login_required === 1 && !accessToken) {
      // 로그인 레이어 팝업 띄워주기
      const nuxtApp = useNuxtApp()
      const modalStore = useModalStore()
      const $i18n = nuxtApp.$i18n as any
      const {tm} = $i18n
      modalStore.handleOpenConfirm({
        contentText: tm('Alert_StoveLogin'),
        confirmButtonText: tm('Text_StoveLogin'),
        confirmButtonEvent: () => {
          csrGoStoveLogin()
        },
      })
    }

    if(response?.code === 91003) {
      // return navigateTo(`/${langCode}/error`, { external: false })
      //클릭한 주소는 주소표시줄에 표시하도록 수정
      window.history.replaceState({}, '', to.path)
      // 뒤로가기 이동 시 이전 페이지로 이동되도록 수정      
      showError(createError({
        statusCode: 404,
        statusMessage: '페이지를 찾을 수 없어요.',
        fatal: false,                // 즉시 에러 페이지로
        data: { reason: 'post-not-found' }
      }))

    }

    if (response?.code === 0 && 'value' in response) {
      store.setPageData(response.value)
    } else {
      store.clearPageData()
    }
  } catch (error) {
    console.error(error)
    store.clearPageData()

    showError(createError({
      statusCode: error.statusCode,
      statusMessage: error.message,
      fatal: false,                // 즉시 에러 페이지로
      data: { reason: 'post-not-found' }
    }))
  }
})