//import customer from './modules/customer';
import ticket from './modules/ticket';

const routes = [
    {
        path: '/login',
        name: 'Login',
        meta: { title: 'logIn' },
        component: () => import('../pages/Login/Login.vue')
    },
    {
        path: '/',
        name: 'Main',
        component: () => import('../layouts/MainLayout.vue'),
        redirect: { name: 'Dashboard' },
        children: [
            {
                path: '/dashboard',
                name: 'Dashboard',
                meta: { title: 'dashboard', icon: 'dashboard' },
                component: () => import('../pages/Dashboard/DashboardLayout.vue'),
            },
            {
                path: '/customer',
                name: 'Customer',
                meta: {
                    title: 'customers',
                    icon: 'vn:client',
                    roles: ['salesPerson'],
                },
                component: () => import('src/pages/Customer/CustomerLayout.vue'),
                redirect: { name: 'CustomerMain' },
                children: [
                    {
                        path: '',
                        name: 'CustomerMain',
                        component: () => import('src/pages/Customer/CustomerMain.vue'),
                        redirect: { name: 'CustomerList' },
                        children: [
                            {
                                path: 'list',
                                name: 'CustomerList',
                                meta: {
                                    title: 'list'
                                },
                                component: () => import('src/pages/Customer/CustomerList.vue'),
                            },
                        ]
                    },
                    {
                        path: ':id',
                        component: () => import('src/pages/Customer/Card/CustomerCard.vue'),
                        redirect: { name: 'CustomerBasicData' },
                        children: [
                            {
                                path: 'basic-data',
                                name: 'CustomerBasicData',
                                meta: {
                                    title: 'basicData'
                                },
                                component: () => import('src/pages/Customer/Card/CustomerBasicData.vue'),
                            }
                        ]
                    },
                ]
            },
            /*             {
                            path: '/:pathMatch(.*)*',
                            name: 'NotFound',
                            component: () => import('../pages/NotFound.vue'),
                        }, */
            // Module routes
            //customer,
            ticket,
        ],
    },
];

export default routes;