import { route } from 'quasar/wrappers';
import {
  createMemoryHistory,
  createRouter,
  createWebHashHistory,
  createWebHistory,
} from 'vue-router';

import routes from './routes';
import { useAuthStore } from 'stores/useAuthStore';
/*
 * If not building with SSR mode, you can
 * directly export the Router instantiation;
 *
 * The function below can be async too; either use
 * async/await or return a Promise which resolves
 * with the Router instance.
 */

const createHistory = process.env.SERVER
? createMemoryHistory
: (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory);

const routerInstance = createRouter({
  scrollBehavior: () => ({ left: 0, top: 0 }),
  routes,

  // Leave this as is and make changes in quasar.conf.js instead!
  // quasar.conf.js -> build -> vueRouterMode
  // quasar.conf.js -> build -> publicPath
  history: createHistory(process.env.VUE_ROUTER_BASE),
});

export default route(function (/* { store, ssrContext } */) {

  routerInstance.beforeEach(async (to) => {
      // clear alert on route change
      //const alertStore = useAlertStore();
      //alertStore.clear();

      // redirect to login page if not logged in and trying to access a restricted page
      const publicPages = ['/login'];
      const authRequired = !publicPages.includes(to.path);
      const authStore = useAuthStore();

      if (authRequired && !authStore.token) {
          authStore.returnUrl = to.fullPath;
          return '/login';
      }
  });
  return routerInstance;
});

export const router = routerInstance;


// const createHistory = process.env.SERVER
//      ? createMemoryHistory
//      : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory);

// export const Router = createRouter({
//       scrollBehavior: () => ({ left: 0, top: 0 }),
//       routes,

//       // Leave this as is and make changes in quasar.conf.js instead!
//       // quasar.conf.js -> build -> vueRouterMode
//       // quasar.conf.js -> build -> publicPath
//       history: createHistory(process.env.VUE_ROUTER_BASE),
//     });

// export default route(function (/* { store, ssrContext } */) {
//      return Router;
//     });



