import Vue from "vue";
import Router from "vue-router";
import Login from "./views/Login.vue";
import Main from "./views/Main.vue";
import store from "./store";

Vue.use(Router);

const router = new Router({
  routes: [
    {
      path: "/login",
      name: "login",
      component: Login
    },
    {
      path: "/",
      name: "mainview",
      component: Main,
      meta: {
        requiresAuth: true
      },
      beforeEnter: (to, from, next) => {
        const expiresFromPastSession = localStorage.getItem("expires");
        const pastSessionStillActive = () => {
          if (!expiresFromPastSession) return false;
          const now = new Date();
          const sessionEnd = new Date(expiresFromPastSession * 1000);
          const stillActive = now < sessionEnd;
          return stillActive;
        };
        if (pastSessionStillActive()) {
          store.commit("user/set_user", localStorage.getItem("user"));
          store.commit("user/set_expires", expiresFromPastSession);
          store.commit("user/set_roles", localStorage.getItem("roles"));
          store.commit("user/authenticate", true);
        }
        next();
      }
    },
    {
      path: "*",
      component: Login
    }
  ]
});

router.beforeEach((to, from, next) => {
  const requiresAuth = to.matched.some(record => record.meta.requiresAuth);
  const currentUser = localStorage.getItem("token") != null;
  const userIsAuthenticated = requiresAuth && !currentUser;
  if (userIsAuthenticated) {
    next("/login");
  } else if (!userIsAuthenticated) {
    next();
  } else {
    next();
  }
});

export default router;