import {createRouter, createWebHistory} from 'vue-router'
import ARPS from '@/views/manualusers/ARPS.vue'
import GuillaumeAime from '@/views/manualusers/GuillaumeAime.vue'
import About from '@/views/documentation/About.vue'
import ContentPolicy from '@/views/documentation/ContentPolicy.vue'
import FAQ from '@/views/documentation/FAQ.vue'
import Pricing from '@/views/documentation/Pricing.vue'
import CreatorGuide from '@/views/documentation/CreatorGuide.vue'
import HelpAndContact from '@/views/documentation/HelpAndContact.vue'
import TermsAndConditions from '@/views/documentation/TermsAndConditions.vue'
import LoginView from '../views/LoginView.vue'
import PaymentCompleted from '../views/PayementCompleted.vue'
import SignupView from '../views/SignupView.vue'
import Join from '../views/main/Join.vue'
import Home from '../views/main/Home.vue'
import Browse from '../views/main/Browse.vue'
import Wallet from '../views/main/Wallet.vue'
import Profile from '../views/main/Profile.vue'
import ChloeBeaugrand from '../views/manualusers/ChloeProfile.vue'
import Leffet from '../views/manualusers/LeffetProfile.vue'
import MathieuCaron from '../views/manualusers/MathieuCaron.vue'
import Creator from "@/views/main/Creator.vue"
import Feed from '../views/main/Feed.vue';

const routes = [
    {
        path: '/',
        component: Home,
        meta: {hideSideBar: true}
    },
    {
        path: '/browse',
        component: Browse
    },
    
    {
        path: '/@leffet',
        component: Leffet
    },
    {
        path: '/@chloebeaugrand',
        component: ChloeBeaugrand
    },
    {
        path: '/@guillaumeaime',
        component: GuillaumeAime
    },
    {
        path: '/@mathieucaron',
        component: MathieuCaron
    },
    {
        path: '/@arps',
        component: ARPS
    },
    
    {
        path: '/@:creator',
        component: Creator
    },

    {
        path: '/helpandcontact',
        component: HelpAndContact,
        meta: {hideSideBar: true}
    },
    {
        path: '/termsandconditions',
        name: 'termsandconditions',
        component: TermsAndConditions,
        meta: {hideSideBar: true}
    },
    {
        path: '/contentpolicy',
        name: 'contentpolicy',
        component: ContentPolicy,
        meta: {hideSideBar: true}
    },
    {
        path: '/faq',
        name: 'FAQ',
        component: FAQ,
        meta: {hideSideBar: true}
    },
    {
        path: '/guideforcreators',
        name: 'guideforcreators',
        component: CreatorGuide,
        meta: {hideSideBar: true}
    },
    {
        path: '/about',
        name: 'about',
        component: About,
        meta: {hideSideBar: true}
    },
    {
        path: '/pricing',
        name: 'pricing',
        component: Pricing,
        meta: {hideSideBar: true}
    },
    {
        path: '/join',
        name: 'join',
        component: Join,
        meta: {hideSideBar: true}
    },

    {
        path: '/paymentcompleted',
        name: 'PayementCompleted',
        component: PaymentCompleted
    },
    {
        path: '/profile',
        name: 'profile',
        component: Profile
    },
    {
        path: '/signup',
        name: 'signup',
        component: SignupView
    },
    {
        path: '/login',
        name: 'login',
        component: LoginView
    },
    {
        path: '/wallet',
        name: 'wallet',
        component: Wallet
    },
    {
        path: '/feed',
        name: 'feed',
        component: Feed
    },



]

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes
})

export default router