import { createRouter, createWebHistory } from 'vue-router'
import { useUserStore } from '@/stores/user'
import NProgress from 'nprogress'
import api from '@/utils/api'

const routes = [
  {
    path: '/',
    name: 'Home',
    redirect: '/transfers',
    meta: {
      title: '首页'
    }
  },
  {
    path: '/mylogin',
    name: 'MyLogin',
    component: () => import('@/views/MyLogin.vue'),
    meta: {
      title: '登录',
      hideForAuth: true
    }
  },
  {
    path: '/mainpage',
    name: 'MainPage',
    component: () => import('@/views/MainPage.vue'),
    meta: {
      title: '主页'
    }
  },
  {
    path: '/mymatching',
    name: 'MyMatching',
    component: () => import('@/views/Matching.vue'),
    meta: {
      title: '货款匹配',
      requiresAuth: true
    }
  },
  {
    path: '/myshop',
    name: 'MyShop',
    component: () => import('@/views/MyShop.vue'),
    meta: {
      title: '积分商城'
    }
  },
  {
    path: '/myprofile',
    name: 'MyProfile',
    component: () => import('@/views/MyProfile.vue'),
    meta: {
      title: '个人中心'
    }
  },
  {
    path: '/loading',
    name: 'Loading',
    component: () => import('@/views/Loading.vue'),
    meta: {
      title: '维护中'
    }
  },
  {
    path: '/mypoints-history',
    name: 'MyPointsHistory',
    component: () => import('@/views/MyPointsHistory.vue'),
    meta: {
      title: '积分记录',
      requiresAuth: true
    }
  },
  {
    path: '/editdetailspage',
    name: 'EditDetailsPage',
    component: () => import('@/views/EditDetailsPage.vue'),
    meta: {
      title: '编辑信息',
      requiresAuth: true
    }
  },
  {
    path: '/editpasswordpage',
    name: 'EditPasswordPage',
    component: () => import('@/views/EditPasswordPage.vue'),
    meta: {
      title: '编辑密码',
      requiresAuth: true
    }
  },
  {
    path: '/home',
    name: 'HomePage',
    component: () => import('@/views/Home.vue'),
    meta: {
      title: '首页'
    }
  },
  {
    path: '/shop',
    name: 'Shop',
    component: () => import('@/views/Shop.vue'),
    meta: {
      title: '积分商城'
    }
  },
  {
    path: '/product/:id',
    name: 'ProductDetail',
    component: () => import('@/views/ProductDetail.vue'),
    meta: {
      title: '商品详情'
    }
  },
  {
    path: '/login',
    name: 'Login',
    component: () => import('@/views/Login.vue'),
    meta: {
      title: '登录',
      hideForAuth: true
    }
  },
  {
    path: '/register',
    name: 'Register',
    component: () => import('@/views/Register.vue'),
    meta: {
      title: '注册',
      hideForAuth: true
    }
  },
  {
    path: '/payment',
    name: 'Payment',
    component: () => import('@/views/Payment.vue'),
    meta: {
      title: '支付激活',
       requiresAuth: true
    }
  },
  {
    path: '/profile',
    name: 'Profile',
    component: () => import('@/views/Profile.vue'),
    meta: {
      title: '个人中心',
      requiresAuth: true
    }
  },
  {
    path: '/orders',
    name: 'Orders',
    component: () => import('@/views/Orders.vue'),
    meta: {
      title: '我的订单',
      requiresAuth: true
    }
  },
  {
    path: '/points-history',
    name: 'PointsHistory',
    component: () => import('@/views/PointsHistory.vue'),
    meta: {
      title: '积分记录',
      requiresAuth: true
    }
  },

  {
    path: '/task-center',
    name: 'TaskCenter',
    component: () => import('@/views/TaskCenter.vue'),
    meta: {
      title: '任务中心',
      requiresAuth: true
    }
  },
  {
    path: '/transfers',
    name: 'Transfers',
    component: () => import('@/views/Transfers.vue'),
    meta: {
      title: '转账',
      requiresAuth: true
    }
  },
  {
    path: '/matching',
    name: 'Matching',
    component: () => import('@/views/Matching.vue'),
    meta: {
      title: '货款匹配',
      requiresAuth: true
    }
  },
  {
    path: '/agent/login',
    name: 'AgentLogin',
    component: () => import('@/views/AgentLogin.vue'),
    meta: {
      title: '代理登录'
    }
  },
  {
    path: '/agent/dashboard',
    name: 'AgentDashboard',
    component: () => import('@/views/AgentDashboard.vue'),
    meta: {
      title: '代理后台',
      requiresAuth: true,
      isAgent: true
    }
  },
  {
    path: '/agent/withdrawals',
    name: 'AgentWithdrawals',
    component: () => import('@/views/AgentWithdrawals.vue'),
    meta: {
      title: '佣金提现',
      requiresAuth: true,
      isAgent: true
    }
  },
  {
    path: '/about',
    name: 'About',
    component: () => import('@/views/About.vue'),
    meta: {
      title: '关于我们'
    }
  },
  {
    path: '/customerservice',
    name: 'CustomerService',
    component: () => import('@/views/CustomerService.vue'),
    meta: {
      title: '客服中心'
    }
  },
  {
    path: '/productsummary/:id',
    name: 'productSummary',
    component: () => import('@/views/ProductSummary.vue'),
    meta: {
      title: '商品汇总'
    }
  },
  {
    path: '/buydetail',
    name: 'BuyDetail',
    component: () => import('../views/BuyDetails.vue'),
    meta: { title: '确认订单' }
  },
  {
    path: '/pay/:orderId',
    name: 'Pay',
    component: () => import('@/views/Pay.vue'),
    meta: { title: '确认支付' },
    props: route => ({ orderId: route.query.orderId })
  },
  {
    path: '/cart',
    name: 'Cart',
    component: () => import('@/views/Cart.vue'),
    meta: { title: '购物车' }
  },
  {
    path: '/address',
    name: 'Address',
    component: () => import('@/views/Address.vue'),
    meta: { title: '地址管理', requiresAuth: true }
  },
  {
    path: '/payloading',
    name: 'PayLoading',
    component: () => import('@/views/PayLoading.vue'),
    meta: { title: '支付确认' },
    props: route => ({ orderId: route.query.orderId })
  },
  {
    path: '/:pathMatch(.*)*',
    name: 'NotFound',
    component: () => import('@/views/NotFound.vue'),
    meta: {
      title: '页面不存在'
    }
  }
]

const router = createRouter({
  history: createWebHistory('/frontend/'),
  routes,
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { top: 0 }
    }
  }
})

// 路由守卫
router.beforeEach(async (to, from, next) => {
  NProgress.start()

  const userStore = useUserStore()

  // 设置页面标题
  if (to.meta.title) {
    document.title = `${to.meta.title} - 炬融圈`
  }

  // 检查维护模式
  try {
    const { data } = await api.get('/system/maintenance-status', { showLoading: false })
    console.log(data, 'data');

    if (data.success) {
      if (data.data.maintenance_mode) {
        // 维护模式开启，且不在维护页面，跳转到维护页面
        if (to.name !== 'Loading') {
          next({ name: 'Loading' })
          return
        }
      } else {
        // 维护模式关闭，且在维护页面，跳转到首页
        if (to.name === 'Loading') {
          next({ name: 'MainPage' })
          return
        }
      }
    }
  } catch (error) {
    // 如果检查维护状态失败，继续正常流程
    console.warn('检查维护状态失败:', error)
  }

  // 检查是否需要认证
  if (to.meta.requiresAuth) {
    // 检查是否是代理页面
    if (to.meta.isAgent) {
      // 代理页面认证逻辑
      const agentInfo = localStorage.getItem('agentInfo')
      const agentToken = localStorage.getItem('token')

      if (!agentInfo || !agentToken) {
        next({
          path: '/mylogin',
          query: { redirect: to.fullPath }
        })
        return
      }
    } else {
      // 普通用户页面认证逻辑
      if (!userStore.isAuthenticated) {
        // 尝试从本地存储恢复登录状态
        await userStore.checkAuth()

        if (!userStore.isAuthenticated) {
          next({
            name: 'MyLogin',
            query: { redirect: to.fullPath }
          })
          return
        }
      }

      // 检查支付状态（管理员除外）
      console.log(userStore.user);

      if (userStore.user && userStore.user.role !== 'admin' && userStore.user.payment_status === 'unpaid') {
        console.log('进来了');

        // 如果当前不在支付页面，静默重定向到支付页面（不显示额外通知）
        if (to.name !== 'Payment') {
          next({
            name: 'Payment',
            query: { redirect: to.fullPath }
          })
          return
        } else {
          next()
        }
      }
    }
  }

  // 如果已登录用户访问登录/注册页面，重定向到转账管理（改成了主页）
  if (to.meta.hideForAuth && userStore.isAuthenticated) {
    next({ name: 'MainPage' })
    return
  }

  next()
})

router.afterEach(() => {
  NProgress.done()
})

export default router