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

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/login',
      component: () => import('@/views/Login.vue'),
      meta: { requiresAuth: false },
    },
    {
      path: '/',
      component: () => import('@/components/AppLayout.vue'),
      meta: { requiresAuth: true },
      redirect: '/upstreams',
      children: [
        { path: 'upstreams', component: () => import('@/views/Upstreams.vue') },
        { path: 'websites', component: () => import('@/views/Websites.vue') },
        { path: 'webhooks', component: () => import('@/views/Webhooks.vue') },
        { path: 'logs', component: () => import('@/views/NotificationLogs.vue') },
        { path: 'external-api-logs', component: () => import('@/views/ExternalApiLogs.vue') },
        { path: 'custom-pages', component: () => import('@/views/CustomPages.vue') },
        { path: 'finance', component: () => import('@/views/Finance.vue') },
        { path: 'page/:id', redirect: '/custom-pages' },
      ],
    },
    { path: '/:pathMatch(.*)*', redirect: '/' },
  ],
})

router.beforeEach((to, _from, next) => {
  const auth = useAuthStore()
  if (to.meta.requiresAuth && !auth.token) {
    next('/login')
  } else if (to.path === '/login' && auth.token) {
    next('/upstreams')
  } else {
    next()
  }
})

export default router