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

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

const search: AppRouteModule = {
  path: '/search',
  name: 'Search',
  component: LAYOUT,
  redirect: '/search/temp',
  meta: {
    icon: 'query_management',
    title: t('finance.menu.search.menuName'),
    orderNo: 6,
  },
  children: [
    {
      path: 'temp',
      name: 'SearchTemp',
      component: getParentLayout(),
      redirect: '/search/temp/temp1',
      meta: {
        title: t('finance.menu.payment.payable.menuName'),
        icon: 'invoice',
      },
      children: [
        {
          path: 'temp1',
          name: 'SearchTemp1',
          component: () => import('@/views/payment/payable/index.vue'),
          meta: {
            title: t('finance.menu.payment.payable.payList'),
            icon: 'ion:grid-outline',
          },
        },
        {
          path: 'create',
          name: 'SearchCreate',
          component: () => import('@/views/payment/payable/index.vue'),
          meta: {
            title: t('finance.menu.payment.payable.createPayable'),
            icon: 'ion:grid-outline',
          },
        },
      ],
    },
  ],
};

export default search;