import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/login',
      name: 'login',
      meta: { fullscreen: true },
      component: () => import('../views/LoginView.vue'),
    },
    {
      path: '/',
      name: 'home',
      component: HomeView,
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('../views/AboutView.vue'),
    },
    {
      path: '/dashboard',
      name: 'dashboard',
      component: () => import('../views/DashboardView.vue'),
    },
    {
      path: '/users',
      name: 'users',
      component: () => import('../views/UserView.vue'),
    },
    {
      path: '/form',
      name: 'form',
      component: () => import('../views/FormView.vue'),
    },
    {
      path: '/table-pro',
      name: 'tablePro',
      component: () => import('../views/TableProView.vue'),
    },
    {
      path: '/table-pro-for',
      name: 'tableProFor',
      component: () => import('../views/TableProForView.vue'),
    },
    {
      path: '/employee',
      name: 'employee',
      component: () => import('../views/EmployeeView.vue'),
    },
    {
      path: '/thousandth',
      name: 'thousandth',
      component: () => import('../views/ThousandthView.vue'),
    },
    {
      path: '/position-forecast',
      name: 'positionForecast',
      component: () => import('../views/PositionForecastView.vue'),
    },
    {
      path: '/position-forecast-execution',
      name: 'positionForecastExecution',
      meta: { fullscreen: true },
      component: () => import('../views/PositionForecastExecutionView.vue'),
    },
    {
      path: '/executive-management',
      name: 'executiveManagement',
      meta: { fullscreen: true },
      component: () => import('../views/ExecutiveManagementView/index.vue'),
    },
    {
      path: '/notice-announcement',
      name: 'noticeAnnouncement',
      component: () => import('../views/NoticeAnnouncementView.vue'),
    },
    {
      path: '/notice-announcement/detail',
      name: 'noticeDetail',
      component: () => import('../views/NoticeDetailView.vue'),
    },
    {
      path: '/placeholder',
      name: 'placeholder',
      component: () => import('../views/PlaceholderView.vue'),
    },
  ],
})

export default router
