import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
import { useUserStore } from '@/stores/user'
import type { MenuInfo } from '@/api/auth'

// 动态导入所有页面组件
const modules = import.meta.glob('/src/views/**/*.vue')

// iframe 通用组件
const IframeComponent = () => import('@/views/common/iframe.vue')

// 路由配置
const routes: RouteRecordRaw[] = [
  {
    path: '/login',
    name: 'Login',
    component: () => import('@/views/login/index.vue'),
    meta: { title: '登录', requiresAuth: false }
  },
  {
    path: '/register',
    name: 'Register',
    component: () => import('@/views/register/index.vue'),
    meta: { title: '注册', requiresAuth: false }
  },
  {
    path: '/',
    name: 'Layout',
    component: () => import('@/layout/index.vue'),
    redirect: '/dashboard',
    children: [
      {
        path: 'dashboard',
        name: 'Dashboard',
        component: () => import('@/views/dashboard/index.vue'),
        meta: { title: '首页', icon: 'HomeOutline' }
      },
      // 个人中心
      {
        path: 'profile',
        name: 'Profile',
        component: () => import('@/views/profile/index.vue'),
        meta: { title: '个人中心', icon: 'PersonOutline' }
      },
      // 系统管理
      {
        path: 'system/user',
        name: 'SystemUser',
        component: () => import('@/views/system/user/index.vue'),
        meta: { title: '用户管理', icon: 'PersonOutline' }
      },
      {
        path: 'system/role',
        name: 'SystemRole',
        component: () => import('@/views/system/role/index.vue'),
        meta: { title: '角色管理', icon: 'PeopleOutline' }
      },
      {
        path: 'system/menu',
        name: 'SystemMenu',
        component: () => import('@/views/system/menu/index.vue'),
        meta: { title: '菜单管理', icon: 'MenuOutline' }
      },
      {
        path: 'system/dict',
        name: 'SystemDict',
        component: () => import('@/views/system/dict/index.vue'),
        meta: { title: '字典管理', icon: 'BookOutline' }
      },
      {
        path: 'system/config',
        name: 'SystemConfig',
        component: () => import('@/views/system/config/index.vue'),
        meta: { title: '系统配置', icon: 'SettingsSharp' }
      },
      {
        path: 'system/file',
        name: 'SystemFile',
        component: () => import('@/views/system/file/index.vue'),
        meta: { title: '文件列表', icon: 'FolderOutline' }
      },
      {
        path: 'system/file-config',
        name: 'SystemFileConfig',
        component: () => import('@/views/system/file-config/index.vue'),
        meta: { title: '文件配置', icon: 'CloudOutline' }
      },
      {
        path: 'system/customer',
        name: 'Customer',
        component: () => import('@/views/system/customer/index.vue'),
        meta: { title: '客户管理', icon: 'StarOutline' }
      },
      // 消息中心
      {
        path: 'message/notice',
        name: 'MessageNotice',
        component: () => import('@/views/message/notice/index.vue'),
        meta: { title: '系统通知', icon: 'NotificationsOutline' }
      },
      {
        path: 'message/chat',
        name: 'MessageChat',
        component: () => import('@/views/message/chat/index.vue'),
        meta: { title: '即时聊天', icon: 'ChatbubbleOutline' }
      },
      // 组织管理
      {
        path: 'org/dept',
        name: 'OrgDept',
        component: () => import('@/views/org/dept/index.vue'),
        meta: { title: '部门管理', icon: 'GitNetworkOutline' }
      },
      {
        path: 'org/post',
        name: 'OrgPost',
        component: () => import('@/views/org/post/index.vue'),
        meta: { title: '岗位管理', icon: 'IdCardOutline' }
      },
      //运营管理
      {
        path: 'biz/product',
        name: 'product',
        component: () => import('@/views/biz/product/index.vue'),
        meta: { title: '商品管理', icon: 'ListOutline' }
      },
      {
        path: 'biz/user',
        name: 'user',
        component: () => import('@/views/biz/user/index.vue'),
        meta: { title: '客户管理', icon: 'ListOutline' }
      },
      {
        path: 'biz/order',
        name: 'order',
        component: () => import('@/views/biz/order/index.vue'),
        meta: { title: '订单管理', icon: 'ListOutline' }
      },
      {
        path: 'biz/code',
        name: 'code',
        component: () => import('@/views/biz/code/index.vue'),
        meta: { title: '邀请码配置', icon: 'SettingsSharp' }
      },
      // 系统日志
      {
        path: 'log/operlog',
        name: 'LogOper',
        component: () => import('@/views/log/operlog/index.vue'),
        meta: { title: '操作日志', icon: 'ListOutline' }
      },
      {
        path: 'log/loginlog',
        name: 'LogLogin',
        component: () => import('@/views/log/loginlog/index.vue'),
        meta: { title: '登录日志', icon: 'LogInOutline' }
      },
      // 系统监控
      {
        path: 'monitor/online',
        name: 'MonitorOnline',
        component: () => import('@/views/monitor/online/index.vue'),
        meta: { title: '在线用户', icon: 'PeopleCircleOutline' }
      },
      {
        path: 'monitor/job',
        name: 'MonitorJob',
        component: () => import('@/views/monitor/job/index.vue'),
        meta: { title: '定时任务', icon: 'TimerOutline' }
      },
      {
        path: 'monitor/cache',
        name: 'MonitorCache',
        component: () => import('@/views/monitor/cache/index.vue'),
        meta: { title: '缓存监控', icon: 'ServerOutline' }
      },
      {
        path: 'monitor/api-access',
        name: 'MonitorApiAccess',
        component: () => import('@/views/monitor/api-access/index.vue'),
        meta: { title: 'API访问统计', icon: 'StatsChartOutline' }
      },
      {
        path: 'monitor/server',
        name: 'MonitorServer',
        component: () => import('@/views/monitor/server/index.vue'),
        meta: { title: '服务监控', icon: 'DesktopOutline' }
      },
      {
        path: 'monitor/server-manager',
        name: 'ServerManager',
        component: () => import('@/views/monitor/server-manager/index.vue'),
        meta: { title: '服务器管理', icon: 'ServerOutline' }
      },
      {
        path: 'monitor/druid',
        name: 'MonitorDruid',
        component: IframeComponent,
        meta: { title: 'Druid监控', icon: 'PieChartOutline', frameSrc: '/druid/index.html' }
      },
      {
        path: 'test/test',
        name: 'Test',
        component: () => import('@/views/test/test/index.vue'),
        meta: { title: '测试菜单', icon: 'StarOutline' }
      },
      // 开发工具
      {
        path: 'tool/gen',
        name: 'ToolGen',
        component: () => import('@/views/tool/gen/index.vue'),
        meta: { title: '代码生成', icon: 'CodeSlashOutline' }
      },
      // 页签刷新中转路由
      {
        path: 'redirect/:path(.*)',
        name: 'Redirect',
        component: () => import('@/views/redirect/index.vue'),
        meta: { title: '重定向', requiresAuth: true }
      }
    ]
  },
  {
    path: '/:pathMatch(.*)*',
    name: 'NotFound',
    component: () => import('@/views/error/404.vue'),
    meta: { title: '404', requiresAuth: false }
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

// 已添加的动态路由
const addedRouteNames = new Set<string>()

/**
 * 根据菜单动态添加新路由（只添加静态路由中没有的）
 */
export function addDynamicRoutes(menus: MenuInfo[]) {
  console.log('[动态路由] 开始处理菜单:', menus)
  
  const addRoutes = (menuList: MenuInfo[]) => {
    for (const menu of menuList) {
      // 只处理菜单类型(type=2)，且有 path
      if (menu.type === 2 && menu.path) {
        const routeName = 'Dynamic-' + menu.id
        
        // 检查是否已经有同路径的静态路由
        const existingRoutes = router.getRoutes()
        const menuPath = menu.path.startsWith('/') ? menu.path.slice(1) : menu.path
        const pathExists = existingRoutes.some(r => r.path === '/' + menuPath || r.path === menuPath)
        
        if (pathExists) {
          console.log(`[动态路由] 跳过(已存在): ${menuPath}`)
          continue
        }
        
        if (addedRouteNames.has(routeName)) {
          console.log(`[动态路由] 跳过(已添加): ${menuPath}`)
          continue
        }
        
        // 判断是否是外链菜单
        if (menu.isFrame === 1 && menu.component) {
          // 外链菜单，使用 iframe 组件
          router.addRoute('Layout', {
            path: menuPath,
            name: routeName,
            component: IframeComponent,
            meta: {
              title: menu.name,
              icon: menu.icon,
              permission: menu.permission,
              frameSrc: menu.component  // 外链地址存在 component 字段
            }
          })
          addedRouteNames.add(routeName)
          console.log(`[动态路由] ✓ 添加外链成功: ${menuPath} -> ${menu.component}`)
        } else if (menu.component) {
          // 普通菜单，加载组件
          const componentName = menu.component.startsWith('/') ? menu.component.slice(1) : menu.component
          const componentPath = `/src/views/${componentName}.vue`
          const component = modules[componentPath]
          
          console.log(`[动态路由] 处理: path=${menuPath}, component=${componentPath}, 组件存在=${!!component}`)
          
          if (component) {
            router.addRoute('Layout', {
              path: menuPath,
              name: routeName,
              component: component,
              meta: {
                title: menu.name,
                icon: menu.icon,
                permission: menu.permission
              }
            })
            addedRouteNames.add(routeName)
            console.log(`[动态路由] ✓ 添加成功: ${menuPath}`)
          } else {
            console.warn(`[动态路由] ✗ 组件不存在: ${componentPath}`)
          }
        }
      }
      
      // 递归处理子菜单
      if (menu.children && menu.children.length > 0) {
        addRoutes(menu.children)
      }
    }
  }
  
  addRoutes(menus)
  console.log('[动态路由] 当前所有路由:', router.getRoutes().map(r => r.path))
}

/**
 * 重置动态路由
 */
export function resetRouter() {
  addedRouteNames.forEach(name => {
    if (router.hasRoute(name)) {
      router.removeRoute(name)
    }
  })
  addedRouteNames.clear()
}

// 路由守卫
router.beforeEach(async (to, _from, next) => {
  const userStore = useUserStore()

  //document.title = `${to.meta.title || ''} - CSY Admin`

  if (to.meta.requiresAuth === false) {
    next()
    return
  }

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

  if (!userStore.user) {
    try {
      await userStore.getInfo()
      // 添加动态路由（只添加新的，不影响已有的）
      addDynamicRoutes(userStore.menus)
      next({ ...to, replace: true })
      return
    } catch (error) {
      userStore.logout()
      next({ name: 'Login' })
      return
    }
  }

  next()
})

export default router