import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import Summery from './views/Summery.vue'
import WebsiteManagement from './views/Website/Management.vue'
import OrderManagement from './views/Order/Management.vue'
import PMs from './views/PMs.vue'
import UserInfo from './views/UserInfo.vue'
import CreateBusiness from './views/CreateBusiness.vue'
import MyBusiness from './views/MyBusiness.vue'
import UserOrders from './views/UserOrders.vue'
import Comments from './views/Comments.vue'
import AccountBalance from './views/AccountBalance.vue'

Vue.use(Router)

const router = new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    linkActiveClass: "WM-Active",
    linkExactActiveClass: "WM-Exact-Active",
    routes: [
        {
            path: '*',
            redirect: '/'
        },
        {
            path: '/',
            name: 'Summery',
            component: Summery
        },
        {
            path: '/Summery',
            name: 'Summery',
            component: Summery
        },
        {
            path: 'WebsiteManagement',
            name: 'WebsiteManagement',
            component: WebsiteManagement
        },
        {
            path: 'OrderManagement',
            name: 'OrderManagement',
            component: OrderManagement
        },
        {
            path: '/pms',
            name: 'pms',
            component: PMs
        },
        {
            path: '/user_info',
            name: 'user_info',
            component: UserInfo
        },
        {
            path: '/create_business',
            name: 'create_business',
            component: CreateBusiness
        },
        {
            path: '/MyBusiness',
            name: 'MyBusiness',
            component: MyBusiness
        },
        {
            path: '/user_orders',
            name: 'user_orders',
            component: UserOrders
        },
        {
            path: '/comments',
            name: 'comments',
            component: Comments
        },
        {
            path: '/account_balance',
            name: 'account_balance',
            component: AccountBalance
        },
    ]
})

router.beforeResolve((to, from, next) => {
    if (to.name && router.app.$children[0] != undefined)
        router.app.$children[0].loadingVisible = true;

    setTimeout(() => {
        next();
    }, 500)
})

router.afterEach(() => {
    if (router.app.$children[0] != undefined)
        router.app.$children[0].loadingVisible = false;
})

export default router;