import { getParentLayout } from '@eciol/router';
import type { AppRouteModule } from '@eciol/types';

import { LAYOUT } from '@/router/constant';
import { t } from '@/utils';

const saleOrder: AppRouteModule = {
  path: '/sale-order',
  name: 'SaleOrder',
  component: LAYOUT,
  redirect: '/sale-order/standard',
  meta: {
    icon: 'order',
    title: t('finance.menu.saleOrder.menuName'),
    orderNo: 11,
  },
  children: [
    {
      path: '/standard',
      name: 'SaleOrderStandard',
      component: getParentLayout(),
      redirect: '/sale-order/standard/list',
      meta: {
        title: t('finance.menu.saleOrder.standard.menuName'),
        icon: '',
      },
      children: [
        {
          path: 'list',
          name: 'SaleOrderStandardList',
          component: () => import('@/views/sale-order/standard/index.vue'),
          meta: {
            title: t('finance.menu.saleOrder.standard.list'),
            icon: 'ion:grid-outline',
          },
        },
      ],
    },
    {
      path: '/free',
      name: 'SaleOrderFree',
      component: getParentLayout(),
      redirect: '/sale-order/free/list',
      meta: {
        title: t('finance.menu.saleOrder.free.menuName'),
        icon: 'order',
      },
      children: [
        {
          path: 'list',
          name: 'SaleOrderFreeList',
          component: () => import('@/views/sale-order/free/index.vue'),
          meta: {
            title: t('finance.menu.saleOrder.free.list'),
            icon: 'ion:grid-outline',
          },
        },
      ],
    },
  ],
};

export default saleOrder;