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

import Home from './views/Home'
import Login from './views/Login'
import Owner from './views/Owner'
import Netnode from './views/Netnode'
import Network from './views/Network'

Vue.use(Router)

const router = new Router({
  routes: [
    {
      path: '/',
      component: Home,
      children: [
        {
          path: 'login',
          component: Login,
        },
        {
          path: 'owner',
          component: Owner,
        },
        {
          path: 'netnode',
          component: Netnode,
        },
        {
          path: 'network',
          component: Network,
        },
        {
          path: '*',
          redirect: 'owner',
        },
      ],
    },
  ],
})

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