import { RouterView } from 'vue-router';

export default {
    name: 'Claim',
    path: '/claim',
    meta: {
        title: 'claims',
        icon: 'vn:claims'
    },
    component: RouterView,
    redirect: { name: 'ClaimMain' },
    children: [
        {
            name: 'ClaimMain',
            path: '',
            component: () => import('src/pages/Claim/ClaimMain.vue'),
            redirect: { name: 'ClaimList' },
            children: [
                {
                    name: 'ClaimList',
                    path: 'list',
                    meta: {
                        title: 'list',
                        icon: 'view_list',
                    },
                    component: () => import('src/pages/Claim/ClaimList.vue'),
                },
                {
                    name: 'ClaimRmaList',
                    path: 'rma',
                    meta: {
                        title: 'rmaList',
                        icon: 'vn:barcode',
                        roles: ['claimManager']
                    },
                    component: () => import('src/pages/Claim/ClaimRmaList.vue'),
                },
                {
                    name: 'ClaimCreate',
                    path: 'create',
                    meta: {
                        title: 'createClaim',
                        icon: 'vn:addperson',
                    },
                    component: () => import('src/pages/Claim/ClaimCreate.vue'),
                }
            ]
        },
        {
            name: 'ClaimCard',
            path: ':id',
            component: () => import('src/pages/Claim/Card/ClaimCard.vue'),
            redirect: { name: 'ClaimSummary' },
            children: [
                {
                    name: 'ClaimSummary',
                    path: 'summary',
                    meta: {
                        title: 'summary'
                    },
                    component: () => import('src/pages/Claim/Card/ClaimSummary.vue'),
                },
                {
                    name: 'ClaimBasicData',
                    path: 'basic-data',
                    meta: {
                        title: 'basicData',
                        roles: ['salesPerson']
                    },
                    component: () => import('src/pages/Claim/Card/ClaimBasicData.vue'),
                },
                {
                    name: 'ClaimRma',
                    path: 'rma',
                    meta: {
                        title: 'rma',
                        roles: ['claimManager']
                    },
                    component: () => import('src/pages/Claim/Card/ClaimRma.vue'),
                    props: { claim: true }
                }
            ]
        },
    ]
};