import Vue from 'vue'
import Router from 'vue-router'
import store from './store'

import Home from './views/Home'
import Login from './views/Login'
import Users from './views/Users'
import Actions from './views/Actions'
import Tickets from './views/Tickets'

Vue.use(Router)

const router = new Router({
  routes: [
    {
      path: '/',
      component: Home,
      children: [
        {
          path: 'login',
          component: Login,
        },
        {
          path: 'users',
          component: Users,
        },
        {
          path: 'actions',
          component: Actions,
        },
        {
          path: 'tickets',
          component: Tickets,
        },
        {
          path: '*',
          redirect: 'users',
        },
      ],
    },
  ],
})

router.beforeEach((to, _, next) => {
  const loginPage = to.path === '/login'
  const signed = store.getters.isLogin
  if (!loginPage && !signed) {
    next('/login')
    return
  }
  if (loginPage && signed) {
    next('/home')
    return
  }
  next()
})

export default router