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

// import HomeView from './HomeView.vue'
// import AboutView from './AboutView.vue'

import Users from './pages/Users.vue'
import UserDetail from './pages/UserDetail.vue'
import Kurse from './pages/Kurse.vue'
import KursDetail from './pages/KursDetail.vue'
import KursDetailLp from "@/pages/KursDetailLp.vue";
import {routerBase} from "@/lib/api"
import CourseAdmins from "@/pages/CourseAdmins.vue";


const routes = [
   {
      path: `${routerBase}/`,
      redirect: `${routerBase}/ui/user`},
   {
      path: `${routerBase}/ui/`,
      redirect: `${routerBase}/ui/user`},
   {
      path: `${routerBase}/ui/user`,
      component: Users,
      meta: { title: 'Users | globus-ilias-rest' }
   },
   {
      path: `${routerBase}/ui/user/:userId`,
      component: UserDetail,
      meta: { title: 'UserDetail | globus-ilias-rest' }
   },
   {
      path: `${routerBase}/ui/kurs`,
      component: Kurse,
      meta: { title: 'Kurse | globus-ilias-rest' }
   },
   {
      path: `${routerBase}/ui/kurs/:kursId`,
      component: KursDetail,
      meta: { title: 'KursDetail | globus-ilias-rest' }
   },
   {
      path: `${routerBase}/ui/kurs/:kursId/lp`,
      component: KursDetailLp,
      meta: { title: 'KursDetail LP | globus-ilias-rest' }
   },
   {
      path: `${routerBase}/ui/kurs/rolle/admin`,
      component: CourseAdmins,
      meta: { title: 'Course-Admins | globus-ilias-rest' }
   },
]
// console.log(routes)

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

export default router