import { RouteRecordRaw } from 'vue-router';

const routes: RouteRecordRaw[] = [
  {
    path: '/',
    component: () => import('layouts/MainLayout.vue'),
    children: [
      {
        path: '',
        component: () => import('pages/IndexPage.vue'),
        name: 'index',
      },
      {
        path: '/boat',
        component: () => import('pages/BoatPage.vue'),
        name: 'boat',
      },
      {
        path: '/booking',
        component: () => import('pages/BookingPage.vue'),
        name: 'booking',
      },
      {
        path: '/certification',
        component: () => import('pages/CertificationPage.vue'),
        name: 'certification',
      },
      {
        path: '/checklist',
        component: () => import('pages/ChecklistPage.vue'),
        name: 'checklist',
      },
      {
        path: '/profile',
        component: () => import('pages/ProfilePage.vue'),
        name: 'profile',
      },
      {
        path: '/reference',
        component: () => import('pages/ReferencePage.vue'),
        name: 'reference',
      },
    ],
  },
  {
    path: '/admin',
    component: () => import('layouts/AdminLayout.vue'),
    children: [
      {
        path: '/user',
        component: () => import('pages/admin/UserAdminPage.vue'),
        name: 'useradmin',
      },
      {
        path: '/boat',
        component: () => import('pages/admin/BoatAdminPage.vue'),
        name: 'boatadmin',
      },
    ],
  },
  {
    path: '/login',
    component: () => import('pages/LoginPage.vue'),
    name: 'login',
    meta: {
      accountRoute: true,
    },
  },
  // {
  //   path: '/register',
  //   component: () => import('pages/RegisterPage.vue'),
  //   name: 'register'
  //   meta: {
  //    accountRoute: true,
  //   }
  // },
  // Always leave this as last one,
  // but you can also remove it
  {
    path: '/:catchAll(.*)*',
    component: () => import('pages/ErrorNotFound.vue'),
  },
];

export default routes;