import { RouterView } from 'vue-router';

const zoneCard = {
    name: 'Zone',
    path: '/zone',
    component: () => import('src/pages/Zone/Card/ZoneCard.vue'),
    redirect: { name: 'ZoneSummary' },
    meta: {
        menu: [
            'ZoneBasicData',
            'ZoneWarehouses',
            'ZoneHistory',
            'ZoneLocations',
            'ZoneEvents',
        ],
    },
    children: [
        {
            name: 'ZoneSummary',
            path: 'summary',
            meta: {
                title: 'summary',
                icon: 'launch',
            },
            component: () => import('src/pages/Zone/Card/ZoneSummary.vue'),
        },
        {
            name: 'ZoneBasicData',
            path: 'basic-data',
            meta: {
                title: 'basicData',
                icon: 'vn:settings',
            },
            component: () => import('src/pages/Zone/Card/ZoneBasicData.vue'),
        },
        {
            name: 'ZoneLocations',
            path: 'location',
            meta: {
                title: 'locations',
                icon: 'my_location',
            },
            component: () => import('src/pages/Zone/Card/ZoneLocations.vue'),
        },
        {
            name: 'ZoneWarehouses',
            path: 'warehouses',
            meta: {
                title: 'warehouses',
                icon: 'home',
            },
            component: () => import('src/pages/Zone/Card/ZoneWarehouses.vue'),
        },
        {
            name: 'ZoneHistory',
            path: 'log',
            meta: {
                title: 'log',
                icon: 'history',
            },
            component: () => import('src/pages/Zone/Card/ZoneLog.vue'),
        },
        {
            name: 'ZoneEvents',
            path: 'events',
            meta: {
                title: 'calendar',
                icon: 'vn:calendar',
            },
            component: () => import('src/pages/Zone/Card/ZoneEvents.vue'),
        },
    ],
};

export default {
    name: 'Zone',
    path: '/zone',
    meta: {
        title: 'zones',
        icon: 'vn:zone',
        moduleName: 'Zone',
        keyBinding: 'z',
        menu: ['ZoneList', 'ZoneDeliveryDays', 'ZoneUpcomingList', 'ZoneUpcomingDeliveries',],
    },
    component: RouterView,
    redirect: { name: 'ZoneMain' },
    children: [
        {
            path: '/zone',
            name: 'ZoneMain',
            component: () => import('src/components/common/VnModule.vue'),
            redirect: { name: 'ZoneIndexMain' },
            children: [
                {
                    path: '',
                    name: 'ZoneIndexMain',
                    redirect: { name: 'ZoneList' },
                    component: () => import('src/pages/Zone/ZoneList.vue'),
                    children: [
                        {
                            name: 'ZoneList',
                            path: 'list',
                            meta: {
                                title: 'list',
                                icon: 'view_list',
                            },
                        },
                        zoneCard,
                    ],
                },
                {
                    path: 'delivery-days',
                    name: 'ZoneDeliveryDays',
                    meta: {
                        title: 'deliveryDays',
                        icon: 'vn:calendar',
                    },
                    component: () => import('src/pages/Zone/ZoneDeliveryDays.vue'),
                },
                {
                    name: 'ZoneUpcomingDeliveries',
                    path: 'upcoming-deliveries',
                    meta: {
                        title: 'upcomingDeliveries',
                        icon: 'vn:calendar',
                    },
                    component: () => import('src/pages/Zone/ZoneUpcoming.vue'),
                },
            ],
        },
    ],
};