import Vue from 'vue'
import VueRouter from 'vue-router'
import FinanzerView from "@/views/FinanzerView";
import Login from "@/views/Login";
import store from "@/store/index";
import BarView from "@/views/BarView";

Vue.use(VueRouter)

const routes = [

  {
    path: "/login",
    name: "login",
    component: Login
  },
  {
    path: "/finanzer",
    name: "finanzer",
    component: FinanzerView
  },
  {
    path: "/bar",
    name: "bar",
    component: BarView
  },
  {
    path: '*',
    redirect: {
      name: "login"
    }
  },

]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

router.beforeEach((to, from, next) => {
  store.dispatch('fetchAccessToken');
  if (to.fullPath === '/finanzer') {
    if (!store.state.user.accessToken) {
      next('/login')
    }
  }
  if (to.fullPath === '/login') {
    if (store.state.user.accessToken) {
      next('/finanzer')
    }
  }
  next();
});

export default router