import { RouterView } from 'vue-router';

export default {
    path: '/zone',
    name: 'Zone',
    meta: {
        title: 'zones',
        icon: 'vn:zone',
        moduleName: 'Zone',
    },
    component: RouterView,
    redirect: { name: 'ZoneMain' },
    menus: {
        main: ['ZoneList', 'ZoneDeliveryList', 'ZoneUpcomingDeliveries'],
        card: ['ZoneBasicData', 'ZoneHistory', 'ZoneLocations'],
    },
    children: [
        {
            path: '/zone',
            name: 'ZoneMain',
            component: () => import('src/pages/Zone/ZoneMain.vue'),
            redirect: { name: 'ZoneList' },
            children: [
                {
                    path: 'list',
                    name: 'ZoneList',
                    meta: {
                        title: 'zonesList',
                        icon: 'vn:zone',
                    },
                    component: () => import('src/pages/Zone/ZoneList.vue'),
                },
                {
                    path: 'create',
                    name: 'ZoneCreate',
                    meta: {
                        title: 'zoneCreate',
                        icon: 'create',
                    },
                    component: () => import('src/pages/Zone/ZoneCreate.vue'),
                },
                {
                    path: ':id/edit',
                    name: 'ZoneEdit',
                    meta: {
                        title: 'zoneEdit',
                        icon: 'edit',
                    },
                    component: () => import('src/pages/Zone/ZoneCreate.vue'),
                },
                // {
                //     path: 'counter',
                //     name: 'ZoneCounter',
                //     meta: {
                //         title: 'zoneCounter',
                //         icon: 'add_circle',
                //     },
                //     component: () => import('src/pages/Zone/ZoneCounter.vue'),
                // },
                {
                    name: 'ZoneUpcomingDeliveries',
                    path: 'upcoming-deliveries',
                    meta: {
                        title: 'upcomingDeliveries',
                        icon: 'vn:calendar',
                    },
                    component: () => import('src/pages/Zone/ZoneUpcoming.vue'),
                },
            ],
        },
        {
            name: 'ZoneCard',
            path: ':id',
            component: () => import('src/pages/Zone/Card/ZoneCard.vue'),
            redirect: { name: 'ZoneSummary' },
            children: [
                {
                    name: 'ZoneSummary',
                    path: 'summary',
                    meta: {
                        title: 'summary',
                        icon: 'launch',
                    },
                    component: () => import('src/pages/Zone/Card/ZoneSummary.vue'),
                },
                {
                    name: 'ZoneLocations',
                    path: 'location',
                    meta: {
                        title: 'locations',
                        icon: 'vn:greuge',
                    },
                    component: () => import('src/pages/Zone/Card/ZoneLocations.vue'),
                },
                {
                    name: 'ZoneBasicData',
                    path: 'basic-data',
                    meta: {
                        title: 'basicData',
                        icon: 'vn:settings',
                    },
                    component: () => import('src/pages/Zone/Card/ZoneBasicData.vue'),
                },
                {
                    name: 'ZoneHistory',
                    path: 'history',
                    meta: {
                        title: 'log',
                        icon: 'history',
                    },
                    component: () => import('src/pages/Zone/Card/ZoneLog.vue'),
                },

                // {
                //     path: '/zone/delivery',
                //     name: 'ZoneDeliveryMain',
                //     component: () => import('src/pages/Zone/ZoneMain.vue'),
                //     redirect: { name: 'ZoneDeliveryList' },
                //     children: [
                //         {
                //             path: 'list',
                //             name: 'ZoneDeliveryList',
                //             meta: {
                //                 title: 'deliveryList',
                //                 icon: 'today',
                //             },
                //             component: () =>
                //                 import('src/pages/Zone/Delivery/ZoneDeliveryList.vue'),
                //         },
                //         {
                //             path: 'create',
                //             name: 'ZoneDeliveryCreate',
                //             meta: {
                //                 title: 'deliveryCreate',
                //                 icon: 'create',
                //             },
                //             component: () =>
                //                 import('src/pages/Zone/Delivery/ZoneDeliveryCreate.vue'),
                //         },
                //         {
                //             path: ':id/edit',
                //             name: 'ZoneDeliveryEdit',
                //             meta: {
                //                 title: 'deliveryEdit',
                //                 icon: 'edit',
                //             },
                //             component: () =>
                //                 import('src/pages/Zone/Delivery/ZoneDeliveryCreate.vue'),
                //         },
                //     ],
                // },
                // {
                //     path: '/zone/upcoming',
                //     name: 'ZoneUpcomingMain',
                //     component: () => import('src/pages/Zone/ZoneMain.vue'),
                //     redirect: { name: 'ZoneUpcomingList' },
                //     children: [
                //         {
                //             path: 'list',
                //             name: 'ZoneUpcomingList',
                //             meta: {
                //                 title: 'upcomingList',
                //                 icon: 'today',
                //             },
                //             component: () =>
                //                 import('src/pages/Zone/Upcoming/ZoneUpcomingList.vue'),
                //         },
                //         {
                //             path: 'create',
                //             name: 'ZoneUpcomingCreate',
                //             meta: {
                //                 title: 'upcomingCreate',
                //                 icon: 'create',
                //             },
                //             component: () =>
                //                 import('src/pages/Zone/Upcoming/ZoneUpcomingCreate.vue'),
                //         },
                //         {
                //             path: ':id/edit',
                //             name: 'ZoneUpcomingEdit',
                //             meta: {
                //                 title: 'upcomingEdit',
                //                 icon: 'edit',
                //             },
                //             component: () =>
                //                 import('src/pages/Zone/Upcoming/ZoneUpcomingCreate.vue'),
                //         },
                //     ],
                // },
            ],
        },
    ],
};