import customer from './modules/customer';
import ticket from './modules/ticket';
import claim from './modules/claim';
import worker from './modules/worker';
import invoiceOut from './modules/invoiceOut';
import wagon from './modules/wagon';
import route from './modules/route';

const routes = [
    {
        path: '/login',
        component: () => import('../layouts/OutLayout.vue'),
        children: [
            {
                path: '',
                name: 'Login',
                meta: { title: 'logIn' },
                component: () => import('../pages/Login/LoginMain.vue'),
            },
            {
                path: '/twoFactor',
                name: 'TwoFactor',
                meta: { title: 'twoFactor' },
                component: () => import('../pages/Login/TwoFactor.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/DashboardMain.vue'),
            },
            // Module routes
            customer,
            ticket,
            claim,
            worker,
            invoiceOut,
            {
                path: '/:catchAll(.*)*',
                name: 'NotFound',
                component: () => import('../pages/NotFound.vue'),
            },
            wagon,
            route,
        ],
    },
];

export default routes;