import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
import { ERouterName } from '/@/types/index'
import CreatePlan from '/@/components/task/CreatePlan.vue'
import WaylinePanel from '/@/pages/page-web/projects/wayline.vue'
import DockPanel from '/@/pages/page-web/projects/dock.vue'
import LiveAgora from '/@/components/livestream-agora.vue'
import LiveOthers from '/@/components/livestream-others.vue'

const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    redirect: '/' + ERouterName.LOGIN
  },
  // 首页 登陆页面
  {
    path: '/' + ERouterName.LOGIN,
    name: ERouterName.LOGIN,
    component: () => import('/@/pages/page-web/index.vue')
  },
  // members, devices
  {
    path: '/' + ERouterName.HOME,
    name: ERouterName.HOME,
    component: () => import('/@/pages/page-web/home.vue'),
    children: [
      {
        path: '/' + ERouterName.MEMBERS,
        name: ERouterName.MEMBERS,
        component: () => import('/@/pages/page-web/projects/members.vue')
      },
      {
        path: '/' + ERouterName.DEVICES,
        name: ERouterName.DEVICES,
        component: () => import('/@/pages/page-web/projects/devices.vue')
      },
      // 项目列表
      {
        path: '/' + ERouterName.PROJECT,
        name: ERouterName.PROJECT,
        redirect: '/' + ERouterName.PROJECT_LIST,
        component: () => import('/@/pages/page-web/projects/project_list/index.vue'),
        children: [
          {
            path: '/' + ERouterName.PROJECT_LIST,
            name: ERouterName.PROJECT_LIST,
            component: () => import('/@/pages/page-web/projects/project_list/list_page/list.vue')
          },
          {
            path: '/' + ERouterName.ADD_PROJECT,
            name: ERouterName.ADD_PROJECT,
            component: () => import('/@/pages/page-web/projects/project_list/add_page/add.vue')
          },
          {
            path: '/' + ERouterName.EDIT_PROJECT,
            name: ERouterName.EDIT_PROJECT,
            component: () => import('/@/pages/page-web/projects/project_list/add_page/add.vue')
          },
          // workspace
          {
            path: '/' + ERouterName.WORKSPACE,
            name: ERouterName.WORKSPACE,
            component: () => import('/@/pages/page-web/projects/workspace.vue'),
            redirect: '/' + ERouterName.TSA,
            children: [
              {
                path: '/' + ERouterName.LIVESTREAM,
                name: ERouterName.LIVESTREAM,
                component: () => import('/@/pages/page-web/projects/livestream.vue'),
                children: [
                  {
                    path: ERouterName.LIVING,
                    name: ERouterName.LIVING,
                    components: {
                      LiveAgora,
                      LiveOthers
                    }
                  }
                ]
              },
              {
                path: '/' + ERouterName.TSA,
                component: () => import('/@/pages/page-web/projects/tsa.vue')
              },
              {
                path: '/' + ERouterName.LAYER,
                name: ERouterName.LAYER,
                component: () => import('/@/pages/page-web/projects/layer.vue')
              },
              {
                path: '/' + ERouterName.MEDIA,
                name: ERouterName.MEDIA,
                component: () => import('/@/pages/page-web/projects/media.vue')
              },
              {
                path: '/' + ERouterName.WAYLINE,
                name: ERouterName.WAYLINE,
                component: () => import('/@/pages/page-web/projects/wayline.vue')
              },
              {
                path: '/' + ERouterName.TASK,
                name: ERouterName.TASK,
                component: () => import('/@/pages/page-web/projects/task.vue'),
                children: [
                  {
                    path: ERouterName.CREATE_PLAN,
                    name: ERouterName.CREATE_PLAN,
                    component: CreatePlan,
                    children: [
                      {
                        path: ERouterName.SELECT_PLAN,
                        name: ERouterName.SELECT_PLAN,
                        components: {
                          WaylinePanel,
                          DockPanel
                        }
                      }
                    ]
                  }

                ]
              }
            ],
            meta: {
              header: false
            }
          },
        ]
      },
      {
        path: '/' + ERouterName.FIRMWARES,
        name: ERouterName.FIRMWARES,
        component: () => import('../pages/page-web/projects/Firmwares.vue')
      }
    ]
  },
  // pilot
  {
    path: '/' + ERouterName.PILOT,
    name: ERouterName.PILOT,
    component: () => import('/@/pages/page-pilot/pilot-index.vue'),
  },
  {
    path: '/' + ERouterName.PILOT_HOME,
    component: () => import('/@/pages/page-pilot/pilot-home.vue')
  },
  {
    path: '/' + ERouterName.PILOT_MEDIA,
    component: () => import('/@/pages/page-pilot/pilot-media.vue')
  },
  {
    path: '/' + ERouterName.PILOT_LIVESHARE,
    component: () => import('/@/pages/page-pilot/pilot-liveshare.vue')
  },
  {
    path: '/' + ERouterName.PILOT_BIND,
    component: () => import('/@/pages/page-pilot/pilot-bind.vue')
  }
]

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes
})

export default router