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

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

const other: AppRouteModule = {
  path: '/other',
  name: 'Other',
  component: LAYOUT,
  redirect: '/other/miscellaneous',
  meta: {
    icon: 'others',
    title: t('finance.menu.other.menuName'),
    orderNo: 5,
  },
  children: [
    {
      path: 'send-info',
      name: 'InvoiceSendInfo',
      component: getParentLayout(),
      redirect: '/other/send-info/express-list',
      meta: {
        title: t('finance.menu.other.sendInfo.menuName'),
        icon: 'invoice',
      },
      children: [
        {
          path: 'express-list',
          name: 'InvoiceExpressList',
          component: () => import('@/views/other/send-info/express/index.vue'),
          meta: {
            title: t('finance.menu.other.sendInfo.expressList'),
            icon: 'ion:grid-outline',
          },
        },
        {
          path: 'express-detail',
          name: 'InvoiceExpressDetail',
          component: () => import('@/views/other/send-info/express/Detail.vue'),
          meta: {
            title: t('finance.menu.other.sendInfo.expressDetail'),
            icon: 'ion:grid-outline',
            hideMenu: true,
          },
        },
        {
          path: 'online-list',
          name: 'InvoiceOnlineList',
          component: () => import('@/views/other/send-info/online/index.vue'),
          meta: {
            title: t('finance.menu.other.sendInfo.onlineList'),
            icon: 'ion:grid-outline',
          },
        },
        {
          path: 'online-detail',
          name: 'InvoiceOnlineDetail',
          component: () => import('@/views/other/send-info/online/Detail.vue'),
          meta: {
            title: t('finance.menu.other.sendInfo.onlineDetail'),
            icon: 'ion:grid-outline',
            hideMenu: true,
          },
        },
      ],
    },
    {
      path: 'account-management',
      name: 'AccountManagement',
      component: getParentLayout(),
      redirect: '/other/account-management/financial-password',
      meta: {
        title: t('finance.menu.other.accountManagement.menuName'),
        icon: 'invoice',
      },
      children: [
        /*{
          path: 'financial-password',
          name: 'FinancialPasswordManagement',
          component: () => import('@/views/other/account-management/financial-password/index.vue'),
          meta: {
            title: t('finance.menu.other.accountManagement.financialPassword'),
            icon: 'ion:grid-outline',
          },
        },*/
        {
          path: 'bank-account',
          name: 'BankAccountManagement',
          component: () => import('@/views/other/account-management/bank-account/index.vue'),
          meta: {
            title: t('finance.menu.other.accountManagement.bankAccount'),
            icon: 'ion:grid-outline',
          },
        },
        {
          path: 'pdf-address',
          name: 'PDFAddressManagement',
          component: () => import('@/views/other/account-management/pdf-address/index.vue'),
          meta: {
            title: t('finance.menu.other.accountManagement.pdfAddress'),
            icon: 'ion:grid-outline',
          },
        },
      ],
    },
    {
      path: 'miscellaneous',
      name: 'MiscellaneousManagement',
      component: getParentLayout(),
      redirect: '/other/miscellaneous/exchange-rate',
      meta: {
        title: t('finance.menu.other.miscellaneous.menuName'),
        icon: 'invoice',
      },
      children: [
        {
          path: 'exchange-rate',
          name: 'ExchangeRateManagement',
          component: () => import('@/views/other/miscellaneous/exchange-rate/index.vue'),
          meta: {
            title: t('finance.menu.other.miscellaneous.exchangeRate'),
            icon: 'ion:grid-outline',
          },
        },
        {
          path: 'invoice-switch',
          name: 'InvoiceSwitchManagement',
          component: () => import('@/views/other/miscellaneous/invoice-switch/index.vue'),
          meta: {
            title: t('finance.menu.other.miscellaneous.invoiceSwitch'),
            icon: 'ion:grid-outline',
          },
        },
      ],
    },
  ],
};

export default other;