import { createRouter, createWebHistory,createWebHashHistory } from 'vue-router'
import i18n from '@/locales/i18n'
import { watch } from 'vue'
import About from '@/views/About.vue'
import NotFound from '@/views/NotFound.vue'
import AdminLogin from '@/views/AdminLogin/AdminLogin.vue'

// 管理员布局组件（懒加载）
const AdminLayout = () => import('@/components/admin/AdminLayout.vue')
const AdminDashboard = () => import('@/views/admin/AdminDashboard.vue')
const AdminContent = () => import('@/views/admin/AdminContent.vue')
const AdminOrders = () => import('@/views/admin/AdminOrders/AdminOrders.vue')
const AdminUsers = () => import('@/views/admin/AdminUsers/AdminUsers.vue')
const AdminUserInvites = () => import('@/views/admin/AdminUsers/AdminUserInvites.vue')
const AdminContentReview = () => import('@/views/admin/AdminContentReview.vue')
const AdminDisassemblyOrders = () => import('@/views/admin/AdminDisassemblyOrders.vue')
const AdminDisassemblyDetail = () => import('@/views/admin/AdminDisassemblyDetail/AdminDisassemblyDetail.vue')
const AdminRoleManagement = () => import('@/views/admin/AdminRoleManagement/AdminRoleManagement.vue')
const AdminRoleDetail = () => import('@/views/admin/AdminRoleManagement/AdminRoleDetail.vue')
const AdminPermissionManagement = () => import('@/views/admin/AdminPermissionManagement/AdminPermissionManagement.vue')
const AdminPermissionDetail = () => import('@/views/admin/AdminPermissionManagement/AdminPermissionDetail.vue')
const AdminUserList = () => import('@/views/admin/AdminRoleManagement/AdminUserList.vue')
const AdminPointsManagement = () => import('@/views/admin/AdminPointsManagement/AdminPointsManagement.vue')
const AdminCommissionManagement = () => import('@/views/admin/AdminCommissionManagement/AdminCommissionManagement.vue')
const AdminPromptManagement = () => import('@/views/admin/AdminPromptManagement/AdminPromptManagement.vue')
const AdminProductManagement = () => import('@/views/admin/ProductManagement/ProductManagement.vue')
//权限路由映射表
export const permissionRoutes = [
      {
        path: 'admindashboard',
        name: 'AdminDashboard',
        component: AdminDashboard,
        meta: {
          title: 'admin.layout.dashboard',
          icon: 'DataAnalysis',
          requiresAuth: true,
          menuOrder: 1
        }
      },
       {
        path: 'product-management',
        name: 'AdminProductManagement',
        component: AdminProductManagement,
        meta: {
          title: 'admin.layout.productManagement',
          icon: 'ShoppingCartFull',
          menuOrder: 2,
          requiresAuth: true
        }
      },
      {
        path: 'orders',
        name: 'AdminOrders',
        meta: {
          title: 'admin.layout.orders',
          icon: 'ShoppingCart',
          requiresAuth: true,
          menuOrder: 2,
          isParent: true
        },
        children: [
          {
            path: 'content-review',
            name: 'AdminContentReview',
            component: AdminContentReview,
            meta: {
              title: 'admin.layout.contentReview',
              icon: 'Document',
              menuOrder: 1,
              requiresAuth: true,
            },
          },
         
          {
            path: 'order-list',
            name: 'AdminOrdersList',
            component: AdminOrders,
            meta: {
              title: 'admin.layout.orders',
              icon: 'ShoppingCart',
              menuOrder: 3,
              requiresAuth: true,
            }
          }
        ]
      },
      {
        path: 'users',
        name: 'AdminUsers',
        component: AdminUsers,
        meta: {
          title: 'admin.layout.users',
          icon: 'UserFilled',
          menuOrder: 3,
          requiresAuth: true
        }
      },
      {
        path: 'points-management',
        name: 'AdminPointsManagement',
        component: AdminPointsManagement,
        meta: {
          title: 'admin.layout.pointsManagement',
          icon: 'Coin',
          menuOrder: 4,
          requiresAuth: true
        }
      },
      {
        path: 'commission-management',
        name: 'AdminCommissionManagement',
        component: AdminCommissionManagement,
        meta: {
          title: 'admin.layout.commissionManagement',
          icon: 'Coin',
          menuOrder: 5,
          requiresAuth: true
        }
      },
      {
        path: 'prompt-management',
        name: 'AdminPromptManagement',
        component: AdminPromptManagement,
        meta: {
          title: 'admin.layout.promptManagement',
          icon: 'Document',
          menuOrder: 6,
          requiresAuth: true
        }
      },
      
      {
        path: 'permission',
        name: 'AdminPermission',
        meta: {
          title: 'admin.layout.permission',
          icon: 'Lock',
          menuOrder: 7,
          isParent: true,
          requiresAuth: true
        },
        children: [
          {
            path: 'role-management',
            name: 'AdminRoleManagement',
            component: AdminRoleManagement,
            meta: {
              title: 'admin.layout.roleManagement',
              icon: 'Key',
              menuOrder: 1,
              requiresAuth: true
            }
          },
          {
            path: 'permission-management',
            name: 'AdminPermissionManagement',
            component: AdminPermissionManagement,
            meta: {
              title: 'admin.layout.permissionManagement',
              icon: 'Document',
              menuOrder: 2,
              requiresAuth: true
            }
          },
          {
            path: 'user-list',
            name: 'AdminUserList',
            component: AdminUserList,
            meta: {
              title: 'admin.layout.userList',
              icon: 'List',
              menuOrder: 3,
              requiresAuth: true
            }
          }
        ]
      },
      // {
      //   path: 'content',
      //   name: 'AdminContent',
      //   component: AdminContent,
      //   meta: {
      //     title: '内容管理',
      //     icon: 'Document',
      //     menuOrder: 8,
      //     hideInMenu: true,
      //     requiresAuth: true
      //   }
      // },
      
      
      
      
    ]
const routes = [
  {
    path: '/',
    name: 'Home',
    meta: {
      title: '首页重定向'
    }
  },
  {
    path: '/about',
    name: 'About',
    component: About,
    meta: {
      title: '关于页面'
    }
  },
  {
    path: '/login',
    name: 'Login',
    component: AdminLogin,
    meta: {
      title: '登录',
      requiresAuth: false
    }
  },
  {
    path: '/admin',
    name: 'Admin',
    component: AdminLayout,
    meta: {
      requiresAuth: true
    },
    children: [
      {
            path: 'disassembly-orders',
            name: 'AdminDisassemblyOrders',
            component: AdminDisassemblyOrders,
            meta: {
              title: 'admin.layout.disassemblyOrders',
              icon: 'EditPen',
              menuOrder: 2,
              requiresAuth: true,
            }
          },
      {
        path: 'disassembly-orders/:id',
        name: 'AdminDisassemblyDetail',
        component: AdminDisassemblyDetail,
        meta: {
          title: '拆件详情',
          icon: 'EditPen',
          menuOrder: 10,
          hideInMenu: true,
          requiresAuth: true
        }
      },
      {
        path: 'role-management/:roleId',
        name: 'AdminRoleDetail',
        component: AdminRoleDetail,
        meta: {
          title: '角色详情',
          icon: 'Key',
          menuOrder: 11,
          hideInMenu: true,
          requiresAuth: true
        }
      },
      {
        path: 'permission-management/:permissionId',
        name: 'AdminPermissionDetail',
        component: AdminPermissionDetail,
        meta: {
          title: '权限详情',
          icon: 'Document',
          menuOrder: 12,
          hideInMenu: true,
          requiresAuth: true
        }
      },{
        path: 'users/:id/invites',
        name: 'AdminUserInvites',
        component: AdminUserInvites,
        meta: {
          title: '邀请列表',
          icon: 'UserFilled',
          menuOrder: 9,
          hideInMenu: true,
          requiresAuth: true
        }
      },
    ...(window.location.hostname.indexOf('local') === -1 ? [] : permissionRoutes)
    ]//[]//
  },
  {
    path: '/:pathMatch(.*)*',
    name: 'NotFound',
    component: NotFound,
    meta: {
      title: '页面不存在'
    }
  }
]




const router = createRouter({
  // history: createWebHistory(),
  history: createWebHashHistory(),
  routes,
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { top: 0 }
    }
  }
})
window.Redirectlogin = () => {
  localStorage.removeItem('token')
  router.push('/login')
}
// 路由守卫 - 认证检查
router.beforeEach(async (to, from, next) => {
  // 设置页面标题（支持中英文切换）
  if (to.meta?.title) {
    const title = typeof to.meta.title === 'string' 
      ? i18n.global.t(to.meta.title) 
      : to.meta.title
    document.title = title
  }
  // 检查是否需要认证
  if (to.meta?.requiresAuth||to.path === '/') {
    const token = localStorage.getItem('token')
    if (!token) {
      next('/login')
      return
    }
  }
  if (to.path === '/login'||to.path === '/') {
    const token = localStorage.getItem('token')
    if (token) {
      // 获取第一个 admin 子路由
      const adminRoutes = router.getRoutes().filter(r => r.path.startsWith('/admin/') && r.path !== '/admin')
      if (adminRoutes.length > 0) {
        // 按 menuOrder 排序，取第一个
        const sortedRoutes = adminRoutes.sort((a, b) => (a.meta?.menuOrder || 999) - (b.meta?.menuOrder || 999))
        next(sortedRoutes[0].path)
      } else {
        next('/admin')
      }
      return
    }
  }
  next()
})

// 监听语言变化，实时更新页面标题
watch(() => i18n.global.locale.value, (newLocale) => {
  const currentRoute = router.currentRoute.value
  if (currentRoute.meta?.title) {
    const title = typeof currentRoute.meta.title === 'string' 
      ? i18n.global.t(currentRoute.meta.title) 
      : currentRoute.meta.title
    document.title = title
  }
})

export default router