import { createRouter, createWebHistory } from 'vue-router'
import { useAuthStore } from '@/stores/auth'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/login',
      name: 'Login',
      component: () => import('@/views/LoginView.vue'),
      meta: { public: true },
    },
    {
      path: '/',
      component: () => import('@/components/Layout.vue'),
      redirect: '/dashboard',
      children: [
        {
          path: 'dashboard',
          name: 'Dashboard',
          component: () => import('@/views/DashboardView.vue'),
        },
        {
          path: 'feeds',
          name: 'Feeds',
          component: () => import('@/views/FeedsView.vue'),
        },
        {
          path: 'articles',
          name: 'Articles',
          component: () => import('@/views/ArticlesView.vue'),
        },
      ],
    },
  ],
})

router.beforeEach(async (to) => {
  const authStore = useAuthStore()

  if (to.meta.public) {
    return true
  }

  if (!authStore.isAuthenticated) {
    const hasToken = !!localStorage.getItem('token')
    if (hasToken) {
      const ok = await authStore.fetchUser()
      if (ok) {
        return true
      }
    }
    return '/login'
  }

  return true
})

export default router