import { useI18n } from '@eciol/locale';

import type { FormProps } from '@eciol/ant-ui';

const { t } = useI18n();
export function getModifyLoginAccountFormConfig(): Partial<FormProps> {
  return {
    labelWidth: 160,
    schemas: [
      {
        field: `loginName`,
        label: t('sys.login.userName'),
        helpMessage: t('sys.login.alertWrongLoginName'),
        component: 'Input',
        required: true,
        colProps: {
          span: 24,
        },
      },
    ],
    showActionButtonGroup: false,
    actionColOptions: {
      span: 24,
    },
  };
}

export function getModifyLoginPasswordFormConfig(): Partial<FormProps> {
  return {
    labelWidth: 160,
    schemas: [
      {
        field: `password`,
        label: t('sys.login.password'),
        helpMessage: t('sys.login.alertWrongPassword'),
        component: 'Input',
        required: true,
        colProps: {
          span: 24,
        },
      },
      {
        field: `newPwd`,
        label: t('sys.login.newPassword'),
        helpMessage: t('sys.login.alertWrongPassword'),
        component: 'InputPassword',
        required: true,
        colProps: {
          span: 24,
        },
      },
      {
        field: `confirmPwd`,
        label: t('sys.login.confirmNewPassword'),
        helpMessage: '',
        component: 'InputPassword',
        dynamicRules: ({ values }) => {
          return [
            {
              required: true,
              validator: (_, value) => {
                if (!value) {
                  return Promise.reject(t('sys.login.passwordPlaceholder'));
                }
                if (value !== values.newPwd) {
                  return Promise.reject(t('sys.login.diffPwd'));
                }
                return Promise.resolve();
              },
            },
          ];
        },
        colProps: {
          span: 24,
        },
      },
    ],
    showActionButtonGroup: false,
    actionColOptions: {
      span: 24,
    },
  };
}