import 'reflect-metadata';

export interface IFormOptions {
  title?: string;
  fields?: IFormFieldOptions[];
  saveButton?: boolean;
  isPanel?: boolean;
  hideTitle?: boolean;
  showToolbar?: boolean;
  toolbarClass?: string;
  isPanelOpen?: boolean;
  keys?: boolean;
  groups?: { [name: string]: IFormGroupOptions };
  keyValuesType?(): object;
  triggerCallback?(obj: object, field: IFormFieldOptions): undefined;
}

export interface IFormObject {
  _form?: IFormOptions;
  save?(obj?: any): Promise<boolean>;
}

export interface IFormFieldBaseOptions {
  title: string;
  subTitle?: string;
  _object?: any;
  _index?: number;
  _key?: string;
  _target?: any;
  _model?: any;
}

export interface IFormUnionFieldOptions extends IFormFieldBaseOptions {
  title: string;
  types: IFormFieldOptions[];
}

export interface IFormGroupOptions {
  visible?(object: IFormObject, form: IFormOptions): boolean;
}
export interface IFormFieldOptions extends IFormFieldBaseOptions {
  type?:
  | 'string'
  | 'textarea'
  | 'number'
  | 'slider'
  | 'chips'
  | 'colorpicker'
  | 'combobox'
  | 'combobox-objects'
  | 'checkboxes-horizontal'
  | 'checkbox'
  | 'object'
  | 'selection'
  | 'array'
  | 'keyvalue'
  | 'form'
  | 'union'
  | 'keysobject'
  | 'datetimepicker'
  | 'datepicker'
  | 'button-trigger'
  | 'rating'
  | 'component';
  defaultValue?: any;
  description?: string;
  required?: boolean;
  group?: string;
  min?: number;
  max?: number;
  step?: number;
  sortWeight?: number;
  options?: any[] | (() => any[]);
  arrayType?: IFormOptions;
  form?: IFormOptions;
  canDelete?: boolean;  
  clearable?: boolean;
  canAdd?: boolean;
  canEditKey?: boolean;
  placeholder?: string;
  addUsingDialog?: boolean;
  readonly?: boolean;
  keyText?: string;
  keyValue?: string;
  icon?: string;
  colors?: string[];
  component?: any;
  locale?: string;
  requirements?: ((value: object) => boolean)[];
  _appendIcon?: string;
  _isError?: boolean;
  keyValuesType?(): object;
  typeSelector?(value: object): string;
  triggerCallback?(obj: object, field: IFormFieldOptions);
}

export function Form(options: IFormOptions) {
  return function decorator(target: any) {
    // console.log('Meta');
    // const keys = Reflect.getMetadataKeys(target);
    // for (const key of keys) {
    //   const d = Reflect.getOwnMetadata(key, target);
    //   console.log(d);
    // }

    // console.log(target);
    if (!target.prototype.hasOwnProperty('_form')) {
      target.prototype._form = options;
    } else {
      target.prototype._form = { ...target.prototype._form, ...options };
    }
  };
}

export function FormField(options: IFormFieldOptions): any {
  return function decorator(object: any, key: string, target: any) {
    const res = Object.getOwnPropertyDescriptor(object, key);
    options._object = object;
    options._key = key;
    options._target = target;
    options._model = object[key];

    // let meta = Reflect.getMetadata("design:returntype", object, key);
    if (!object.hasOwnProperty('_form')) {
      object._form = { fields: [options] };
    } else {
      object._form.fields.push(options);
    }
  };
}

export function FormUnionFields(options: IFormUnionFieldOptions) {
  return function decorator(object: any, key: string, target: any) {
    // let res = Object.getOwnPropertyDescriptor(object,key);
    options._object = object;
    options._key = key;
    options._target = target;
    options._model = object[key];

    // let meta = Reflect.getMetadata("design:returntype", object, key);
    if (!object.hasOwnProperty('_form')) {
      object._form = { fields: [options] };
    } else {
      object._form.fields.push(options);
    }
  };
}