import {createWebHashHistory, createRouter} from 'vue-router'
import {isMobile} from '@/utils/responsive'

// 动态加载首页组件
const HomeView = () => {
  return new Promise((resolve) => {
    if (isMobile.value) {
      import('@/views/homepage/mobile.vue').then(resolve)
    } else {
      import('@/views/homepage/index.vue').then(resolve)
    }
  })
}

// 动态加载新闻中心组件
const NewsView = () => {
  return new Promise((resolve) => {
    if (isMobile.value) {
      import('@/views/news/mobile.vue').then(resolve)
    } else {
      import('@/views/news/index.vue').then(resolve)
    }
  })
}

// 动态加载联系我们组件
const LinkView = () => {
  return new Promise((resolve) => {
    if (isMobile.value) {
      import('@/views/link/mobile.vue').then(resolve)
    } else {
      import('@/views/link/index.vue').then(resolve)
    }
  })
}

// 动态加载关于我们组件
const AboutView = () => {
  return new Promise((resolve) => {
    if (isMobile.value) {
      import('@/views/about/mobile.vue').then(resolve)
    } else {
      import('@/views/about/index.vue').then(resolve)
    }
  })
}

// 动态加载硬件系统组件
const HardwareSystemView = () => {
  return new Promise((resolve) => {
    if (isMobile.value) {
      import('@/views/product/hardwareSystem/mobile.vue').then(resolve)
    } else {
      import('@/views/product/hardwareSystem.vue').then(resolve)
    }
  })
}

// 动态加载软件系统组件
const SoftwareSystemView = () => {
  return new Promise((resolve) => {
    if (isMobile.value) {
      import('@/views/product/softwareSystem/mobile.vue').then(resolve)
    } else {
      import('@/views/product/softwareSystem.vue').then(resolve)
    }
  })
}

// 动态加载产品详情组件
const ProductDetailView = () => {
  return new Promise((resolve) => {
    if (isMobile.value) {
      import('@/views/product/detail/mobile.vue').then(resolve)
    } else {
      import('@/views/product/detail.vue').then(resolve)
    }
  })
}

const routes = [
  // ============================================  首页  ============================================
  {path: '/', component: HomeView},

  // ============================================  产品中心  ============================================
  {
    path: '/product/hardwareSystem',
    name: 'HardwareSystem',
    component: HardwareSystemView,
    meta: {
      title: '低空监管体系',
    },
  },
  {
    path: '/product/softwareSystem',
    name: 'SoftwareSystem',
    component: SoftwareSystemView,
    meta: {
      title: '低空远程识别设备',
    },
  },
  {
    path: '/product/detail',
    name: 'ProductDetail',
    component: ProductDetailView,
    meta: {
      title: '产品详情',
    },
  },

  // ============================================  新闻中心  ============================================
  {
    path: '/news',
    name: 'News',
    component: NewsView,
    meta: {
      title: '新闻中心',
    },
  },

  // ============================================  联系我们  ============================================
  {
    path: '/link',
    name: 'Link',
    component: LinkView,
    meta: {
      title: '联系我们',
    },
  },

  // ============================================  关于我们  ============================================
  {
    path: '/about',
    name: 'About',
    component: AboutView,
    meta: {
      title: '关于我们',
    },
  },
]

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

export default router