export default defineNuxtRouteMiddleware((to, from) => {
  const authStore = useAuthStore();

  console.log(`Navigating from ${from.path} to ${to.path}`);
  
  const publicPaths = ['/'];

  if (publicPaths.includes(to.path)) {
    console.log('Public path, no redirection needed');
    return;
  }

  if (!authStore.isAuthenticated) {
    if (to.path !== LOCAL_ENDPOINTS.login) {
      console.log('User is not authenticated, redirecting to login');
      return navigateTo(LOCAL_ENDPOINTS.login);
    }
  } 
  else if (to.path === LOCAL_ENDPOINTS.login) {
    console.log('User is authenticated, redirecting to dashboard');
    return navigateTo(LOCAL_ENDPOINTS.dashboard);
  }

  return;
});

export default defineNuxtRouteMiddleware((to, from) => {
  const authStore = useAuthStore();

  console.log(`Navigating from ${from.path} to ${to.path}`);
  
  const publicPaths = ['/'];

  if (publicPaths.includes(to.path)) {
    console.log('Public path, no redirection needed');
    return;
  }

  if (!authStore.isAuthenticated) {
    if (to.path !== LOCAL_ENDPOINTS.login) {
      console.log('User is not authenticated, redirecting to login');
      return navigateTo(LOCAL_ENDPOINTS.login);
    }
  } 
  else if (to.path === LOCAL_ENDPOINTS.login) {
    console.log('User is authenticated, redirecting to dashboard');
    return navigateTo(LOCAL_ENDPOINTS.dashboard);
  }

  return;
});

export const useAuthStore = defineStore('auth', () => {
  const isAuthenticated = ref(false);
  const accessToken = ref<string | null>(null);
  const isLoggedIn = computed(() => isAuthenticated.value);
  const login = (token: string) => {
    isAuthenticated.value = true;
    accessToken.value = token;
  };

  const logout = () => {
    isAuthenticated.value = false;
    accessToken.value = null;
  };

  const setToken = (token: string) => {
    accessToken.value = token;
  };

  return {
    isAuthenticated,
    accessToken,
    isLoggedIn,
    login,
    logout,
    setToken,
  };
}, {
  persist: true, 
});

export const useAuthStore = defineStore('auth', () => {
  const isAuthenticated = ref(false);
  const accessToken = ref<string | null>(null);
  const isLoggedIn = computed(() => isAuthenticated.value);
  const login = (token: string) => {
    isAuthenticated.value = true;
    accessToken.value = token;
  };

  const logout = () => {
    isAuthenticated.value = false;
    accessToken.value = null;
  };

  const setToken = (token: string) => {
    accessToken.value = token;
  };

  return {
    isAuthenticated,
    accessToken,
    isLoggedIn,
    login,
    logout,
    setToken,
  };
}, {
  persist: true, 
});