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

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