import {
  EmailProtocolEnum,
  EmailProtocolNameEnum,
  TSLVersionEnum,
  TSLVersionNameEnum,
} from '../../../enum/form';
import { SendEmailFieldsEnum, SendEmailFieldsNameEnum } from '../../../enum/formField/external';
import { FormSchema } from '/@/components/Form';
import { useI18n } from '/@/hooks/web/useI18n';

const { t } = useI18n();

export const formSchemas: FormSchema[] = [
  {
    field: SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS,
    label: '',
    component: 'Checkbox',
    renderComponentContent: () => ({
      default: () => t(SendEmailFieldsNameEnum.USE_SYSTEM_SMTP_SETTINGS),
    }),
  },
  {
    field: SendEmailFieldsEnum.SMTP_PROTOCOL,
    label: t(SendEmailFieldsNameEnum.SMTP_PROTOCOL),
    component: 'Select',
    required: true,
    ifShow: ({ model }) => !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS],
    componentProps: {
      options: Object.keys(EmailProtocolEnum).map((value) => ({
        label: EmailProtocolNameEnum[value],
        value,
      })),
      placeholder: `请选择${t(SendEmailFieldsNameEnum.SMTP_PROTOCOL)}`,
      getPopupContainer: () => document.body,
    },
  },
  {
    field: SendEmailFieldsEnum.SMTP_HOST,
    label: t(SendEmailFieldsNameEnum.SMTP_HOST),
    component: 'Input',
    required: true,
    colProps: { span: 12 },
    ifShow: ({ model }) => !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS],
    componentProps: {
      placeholder: `请输入${t(SendEmailFieldsNameEnum.SMTP_HOST)}`,
    },
  },
  {
    field: SendEmailFieldsEnum.SMTP_PORT,
    label: t(SendEmailFieldsNameEnum.SMTP_PORT),
    component: 'InputNumber',
    required: true,
    colProps: { span: 12 },
    ifShow: ({ model }) => !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS],
    componentProps: {
      min: 0,
      placeholder: `请输入${t(SendEmailFieldsNameEnum.SMTP_PORT)}`,
    },
  },
  {
    field: SendEmailFieldsEnum.TIMEOUT,
    label: t(SendEmailFieldsNameEnum.TIMEOUT),
    component: 'InputNumber',
    required: true,
    ifShow: ({ model }) => !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS],
    componentProps: {
      min: 0,
      placeholder: `请输入${t(SendEmailFieldsNameEnum.TIMEOUT)}`,
    },
  },
  {
    field: SendEmailFieldsEnum.ENABLE_TLS,
    label: '',
    component: 'Checkbox',
    ifShow: ({ model }) => !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS],
    renderComponentContent: () => ({
      default: () => t(SendEmailFieldsNameEnum.ENABLE_TLS),
    }),
  },
  {
    field: SendEmailFieldsEnum.TLS_VERSION,
    label: t(SendEmailFieldsNameEnum.TLS_VERSION),
    component: 'Select',
    required: true,
    ifShow: ({ model }) =>
      model[SendEmailFieldsEnum.ENABLE_TLS] && !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS],
    componentProps: {
      options: Object.keys(TSLVersionEnum).map((value) => ({
        label: TSLVersionNameEnum[value],
        value,
      })),
      placeholder: `请选择${t(SendEmailFieldsNameEnum.TLS_VERSION)}`,
      getPopupContainer: () => document.body,
    },
  },
  {
    field: SendEmailFieldsEnum.ENABLE_PROXY,
    label: '',
    component: 'Checkbox',
    ifShow: ({ model }) => !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS],
    renderComponentContent: () => ({
      default: () => t(SendEmailFieldsNameEnum.ENABLE_PROXY),
    }),
  },
  {
    field: SendEmailFieldsEnum.PROXY_HOST,
    label: t(SendEmailFieldsNameEnum.PROXY_HOST),
    component: 'Input',
    required: true,
    colProps: { span: 12 },
    ifShow: ({ model }) =>
      !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS] &&
      model[SendEmailFieldsEnum.ENABLE_PROXY],
    componentProps: {
      placeholder: `请输入${t(SendEmailFieldsNameEnum.PROXY_HOST)}`,
    },
  },
  {
    field: SendEmailFieldsEnum.PROXY_PORT,
    label: t(SendEmailFieldsNameEnum.PROXY_PORT),
    component: 'Input',
    required: true,
    colProps: { span: 12 },
    ifShow: ({ model }) =>
      !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS] &&
      model[SendEmailFieldsEnum.ENABLE_PROXY],
    componentProps: {
      placeholder: `请输入${t(SendEmailFieldsNameEnum.PROXY_PORT)}`,
    },
  },
  {
    field: SendEmailFieldsEnum.PROXY_USER,
    label: t(SendEmailFieldsNameEnum.PROXY_USER),
    component: 'Input',
    ifShow: ({ model }) =>
      !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS] &&
      model[SendEmailFieldsEnum.ENABLE_PROXY],
    componentProps: {
      placeholder: `请输入${t(SendEmailFieldsNameEnum.PROXY_USER)}`,
    },
  },
  {
    field: SendEmailFieldsEnum.PROXY_PASSWORD,
    label: t(SendEmailFieldsNameEnum.PROXY_PASSWORD),
    component: 'Input',
    ifShow: ({ model }) =>
      !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS] &&
      model[SendEmailFieldsEnum.ENABLE_PROXY],
    componentProps: {
      placeholder: `请输入${t(SendEmailFieldsNameEnum.PROXY_PASSWORD)}`,
    },
  },
  {
    field: SendEmailFieldsEnum.USERNAME,
    label: t(SendEmailFieldsNameEnum.USERNAME),
    component: 'Input',
    ifShow: ({ model }) => !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS],
    componentProps: {
      placeholder: `请输入${t(SendEmailFieldsNameEnum.USERNAME)}`,
    },
  },
  {
    field: SendEmailFieldsEnum.PASSWORD,
    label: t(SendEmailFieldsNameEnum.PASSWORD),
    component: 'InputPassword',
    ifShow: ({ model }) => !model[SendEmailFieldsEnum.USE_SYSTEM_SMTP_SETTINGS],
    componentProps: {
      placeholder: `请输入${t(SendEmailFieldsNameEnum.PASSWORD)}`,
    },
  },
];