import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Login from '../views/Login.vue'
import user from '../store/modules/user.js'
import Cookies from 'js-cookie'

Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        name: 'home',
        component: Home
    },
    {
        path: '/login',
        name: 'login',
        component: Login
    },
]

const router = new VueRouter({
    history: true,
    routes
})

// Redirects user to Login page if they are not logged in
router.beforeEach((to, from, next) => {
    const auth_token = !!Cookies.get('auth_token');
    const login_page_pending = router.history.pending.name == 'login';
    const at_login_page = router.history.current.name == 'login';
    if (!auth_token && !login_page_pending && !at_login_page) {
        next({name: 'login'});
    }
    next();
});

export default router