import { PerimeterTypeEnum, RangeUtilEnum, RangeUtilNameEnum } from '../../../enum/form';
import {
  GpsGeofencingEventsFieldsEnum,
  GpsGeofencingEventsFieldsNameEnum,
} from '../../../enum/formField/action';
import { FormSchema } from '/@/components/Form';
import { useI18n } from '/@/hooks/web/useI18n';

const { t } = useI18n();

export const formSchemas: FormSchema[] = [
  {
    field: GpsGeofencingEventsFieldsEnum.LATITUDE_KEY_NAME,
    component: 'Input',
    label: t(GpsGeofencingEventsFieldsNameEnum.LATITUDE_KEY_NAME),
    rules: [
      {
        required: true,
        message: `请输入${t(GpsGeofencingEventsFieldsNameEnum.LATITUDE_KEY_NAME)}`,
      },
    ],
    componentProps: {
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.LATITUDE_KEY_NAME)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.LONGITUDE_KEY_NAME,
    component: 'Input',
    label: t(GpsGeofencingEventsFieldsNameEnum.LONGITUDE_KEY_NAME),
    rules: [
      {
        required: true,
        message: `请输入${t(GpsGeofencingEventsFieldsNameEnum.LONGITUDE_KEY_NAME)}`,
      },
    ],
    componentProps: {
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.LONGITUDE_KEY_NAME)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.PERIMETER_TYPE,
    component: 'Select',
    label: t(GpsGeofencingEventsFieldsNameEnum.PERIMETER_TYPE),
    rules: [
      { required: true, message: `请选择${t(GpsGeofencingEventsFieldsNameEnum.PERIMETER_TYPE)}` },
    ],
    componentProps: {
      options: Object.keys(PerimeterTypeEnum).map((value) => ({ label: value, value })),
      placeholder: `请选择${t(GpsGeofencingEventsFieldsNameEnum.PERIMETER_TYPE)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.FETCH_PERIMETER_INFO_FROM_MESSAGE_METADATA,
    component: 'Checkbox',
    label: '',
    renderComponentContent: () => ({
      default: () =>
        t(GpsGeofencingEventsFieldsNameEnum.FETCH_PERIMETER_INFO_FROM_MESSAGE_METADATA),
    }),
  },
  {
    field: GpsGeofencingEventsFieldsEnum.PERIMETER_KEY_NAME,
    component: 'Input',
    label: t(GpsGeofencingEventsFieldsNameEnum.PERIMETER_KEY_NAME),
    ifShow: ({ model }) =>
      model[GpsGeofencingEventsFieldsEnum.PERIMETER_TYPE] === PerimeterTypeEnum.POLYGON &&
      model[GpsGeofencingEventsFieldsEnum.FETCH_PERIMETER_INFO_FROM_MESSAGE_METADATA],
    rules: [
      {
        required: true,
        message: `请输入${t(GpsGeofencingEventsFieldsNameEnum.PERIMETER_KEY_NAME)}`,
      },
    ],
    componentProps: {
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.PERIMETER_KEY_NAME)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.POLYGONS_DEFINITION,
    component: 'Input',
    label: t(GpsGeofencingEventsFieldsNameEnum.POLYGONS_DEFINITION),
    helpMessage:
      'Please, use the following format for manual definition of polygon: [[lat1,lon1],[lat2,lon2], ... ,[latN,lonN]].',
    ifShow: ({ model }) =>
      model[GpsGeofencingEventsFieldsEnum.PERIMETER_TYPE] === PerimeterTypeEnum.POLYGON &&
      !model[GpsGeofencingEventsFieldsEnum.FETCH_PERIMETER_INFO_FROM_MESSAGE_METADATA],
    rules: [
      {
        required: true,
        message: `请输入${t(GpsGeofencingEventsFieldsNameEnum.POLYGONS_DEFINITION)}`,
      },
    ],
    componentProps: {
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.POLYGONS_DEFINITION)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.CENTER_LATITUDE,
    component: 'InputNumber',
    label: t(GpsGeofencingEventsFieldsNameEnum.CENTER_LATITUDE),
    colProps: { span: 12 },
    ifShow: ({ model }) =>
      model[GpsGeofencingEventsFieldsEnum.PERIMETER_TYPE] === PerimeterTypeEnum.CIRCLE &&
      !model[GpsGeofencingEventsFieldsEnum.FETCH_PERIMETER_INFO_FROM_MESSAGE_METADATA],
    rules: [
      { required: true, message: `请输入${t(GpsGeofencingEventsFieldsNameEnum.CENTER_LATITUDE)}` },
    ],
    componentProps: {
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.CENTER_LATITUDE)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.CENTER_LONGITUDE,
    component: 'InputNumber',
    label: t(GpsGeofencingEventsFieldsNameEnum.CENTER_LONGITUDE),
    colProps: { span: 12 },
    ifShow: ({ model }) =>
      model[GpsGeofencingEventsFieldsEnum.PERIMETER_TYPE] === PerimeterTypeEnum.CIRCLE &&
      !model[GpsGeofencingEventsFieldsEnum.FETCH_PERIMETER_INFO_FROM_MESSAGE_METADATA],
    componentProps: {
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.CENTER_LONGITUDE)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.RANGE,
    component: 'InputNumber',
    label: t(GpsGeofencingEventsFieldsNameEnum.RANGE),
    colProps: { span: 12 },
    ifShow: ({ model }) =>
      model[GpsGeofencingEventsFieldsEnum.PERIMETER_TYPE] === PerimeterTypeEnum.CIRCLE &&
      !model[GpsGeofencingEventsFieldsEnum.FETCH_PERIMETER_INFO_FROM_MESSAGE_METADATA],
    rules: [{ required: true, message: `请输入${t(GpsGeofencingEventsFieldsNameEnum.RANGE)}` }],
    componentProps: {
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.RANGE)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.RANGE_UNIT,
    component: 'Select',
    label: t(GpsGeofencingEventsFieldsNameEnum.RANGE_UNIT),
    colProps: { span: 12 },
    ifShow: ({ model }) =>
      model[GpsGeofencingEventsFieldsEnum.PERIMETER_TYPE] === PerimeterTypeEnum.CIRCLE &&
      !model[GpsGeofencingEventsFieldsEnum.FETCH_PERIMETER_INFO_FROM_MESSAGE_METADATA],
    rules: [
      { required: true, message: `请选择${t(GpsGeofencingEventsFieldsNameEnum.RANGE_UNIT)}` },
    ],
    componentProps: {
      options: Object.keys(RangeUtilEnum).map((value) => ({
        label: RangeUtilNameEnum[value],
        value,
      })),
      getPopupContainer: () => document.body,
      placeholder: `请选择${t(GpsGeofencingEventsFieldsNameEnum.RANGE_UNIT)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.MIN_INSIDE_DURATION,
    component: 'InputNumber',
    label: t(GpsGeofencingEventsFieldsNameEnum.MIN_INSIDE_DURATION),
    colProps: { span: 12 },
    rules: [
      {
        required: true,
        message: `请输入${t(GpsGeofencingEventsFieldsNameEnum.MIN_INSIDE_DURATION)}`,
      },
    ],
    componentProps: {
      min: 1,
      max: 2147483647,
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.MIN_INSIDE_DURATION)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.MIN_INSIDE_DURATION_TIME_UNIT,
    component: 'Select',
    label: t(GpsGeofencingEventsFieldsNameEnum.MIN_INSIDE_DURATION_TIME_UNIT),
    colProps: { span: 12 },
    rules: [
      {
        required: true,
        message: `请输入${t(GpsGeofencingEventsFieldsNameEnum.MIN_INSIDE_DURATION_TIME_UNIT)}`,
      },
    ],
    componentProps: {
      options: Object.keys(RangeUtilEnum).map((value) => ({
        label: RangeUtilNameEnum[value],
        value,
      })),
      getPopupContainer: () => document.body,
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.MIN_INSIDE_DURATION_TIME_UNIT)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.MIN_OUTSIDE_DURATION,
    component: 'InputNumber',
    label: t(GpsGeofencingEventsFieldsNameEnum.MIN_OUTSIDE_DURATION),
    colProps: { span: 12 },
    rules: [
      {
        required: true,
        message: `请输入${t(GpsGeofencingEventsFieldsNameEnum.MIN_OUTSIDE_DURATION)}`,
      },
    ],
    componentProps: {
      min: 1,
      max: 2147483647,
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.MIN_OUTSIDE_DURATION)}`,
    },
  },
  {
    field: GpsGeofencingEventsFieldsEnum.MIN_OUTSIDE_DURATION_TIME_UNIT,
    component: 'Select',
    label: t(GpsGeofencingEventsFieldsNameEnum.MIN_OUTSIDE_DURATION_TIME_UNIT),
    colProps: { span: 12 },
    rules: [
      {
        required: true,
        message: `请输入${t(GpsGeofencingEventsFieldsNameEnum.MIN_OUTSIDE_DURATION_TIME_UNIT)}`,
      },
    ],
    componentProps: {
      options: Object.keys(RangeUtilEnum).map((value) => ({
        label: RangeUtilNameEnum[value],
        value,
      })),
      getPopupContainer: () => document.body,
      placeholder: `请输入${t(GpsGeofencingEventsFieldsNameEnum.MIN_OUTSIDE_DURATION_TIME_UNIT)}`,
    },
  },
];