import { createRouter, createWebHistory } from 'vue-router'
import type { RouteRecordRaw } from 'vue-router'

const routes: RouteRecordRaw[] = [
  {
    path: '/',
    name: 'home',
    component: () => import('../views/HomeView.vue')
  },
  {
    path: '/create',
    name: 'create',
    component: () => import('../views/CreateView.vue')
  },
  {
    path: '/edit/:id',
    name: 'edit',
    component: () => import('../views/EditView.vue'),
    props: true
  },
  {
    path: '/details/:id',
    name: 'details',
    component: () => import('../views/DetailsView.vue'),
    props: true
  },
  {
    path: '/protocol-templates',
    name: 'protocolTemplates',
    component: () => import('../views/ProtocolTemplatesView.vue')
  },
  {
    path: '/robot-clients',
    name: 'robotClients',
    component: () => import('../views/RobotClientsView.vue')
  }
]

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

export default router