import { createRouter, createWebHistory } from 'vue-router'

import HomeView from '../views/HomeView.vue'
import ProfileView from '../views/ProfileView.vue'
import ChatView from '../views/ChatView.vue'
import MatchesView from '../views/MatchesView.vue'
import LoginView from '../views/LoginView.vue'
import SurveyView from '../views/SurveyView.vue'
import OnboardingView from '../views/OnboardingView.vue'

const routes = [
    {
        path: '/',
        component: HomeView,
        name: 'HomeView',
        meta: { requiresAuth: true, requiresCompleteProfile: true },
    },
    {
        path: '/profile/:pid',
        component: ProfileView,
        name: 'ProfileView',
        meta: { requiresAuth: true, requiresCompleteProfile: true },
    },
    {
        path: '/matches',
        component: MatchesView,
        name: 'MatchesView',
        meta: { requiresAuth: true, requiresCompleteProfile: true },
    },
    {
        path: '/matches/:pid',
        component: ProfileView,
        meta: { requiresAuth: true, requiresCompleteProfile: true },
    },
    {
        path: '/chat/:tid',
        component: ChatView,
        meta: {
            requiresAuth: true,
            requiresCompleteProfile: true,
            props: true,
        },
    },
    {
        path: `/survey`,
        component: SurveyView,
        name: `SurveyView`,
        meta: { requiresAuth: true, requiresCompleteProfile: false },
    },
    {
        path: `/onboarding`,
        component: OnboardingView,
        name: `OnboardingView`,
        meta: { requiresAuth: true, requiresCompleteProfile: false },
    },
    {
        path: `/login`,
        component: LoginView,
        name: `LoginView`,
        meta: { requiresAuth: false, requiresCompleteProfile: false },
    },
]

const router = createRouter({
    history: createWebHistory(),
    routes,
})

export { router }