import { BaseModel } from './BaseModel';
import { FormGenerator } from './interfaces/FormGenerator';
import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
import { JsonSerializer } from '../utilities/JsonSerializer';
import { Serializable } from './interfaces/Serializable';
import { FieldGroup } from './FieldGroup';
import { CompositeField } from './CompositeField';

export class Section extends BaseModel implements Serializable<Section>, FormGenerator<FormGroup>{
    public sections: Array<Section> = new Array<Section>();
    //public fieldGroups: Array<FieldGroup>;
    public defaultVisibility: boolean;
    public page: number;
    public ordinal: number;
    public id: string
    public title: string
    public description: string;
    public compositeFields: Array<CompositeField> = new Array<CompositeField>();

    fromJSONObject(item: any): Section {
        this.sections = JsonSerializer.fromJSONArray(item.sections, Section);
        //this.fieldGroups = new JsonSerializer<FieldGroup>().fromJSONArray(item.fieldGroups, FieldGroup);
        this.page = item.page;
        this.defaultVisibility = item.defaultVisibility;
        this.id = item.id;
        this.title = item.title;
        this.ordinal = item.ordinal;
        this.description = item.description;
        this.compositeFields = JsonSerializer.fromJSONArray(item.compositeFields, CompositeField);
        return this;
    }

    buildForm(): FormGroup {
        let formGroup: FormGroup = new FormBuilder().group({});
        let sectionsFormArray = new Array<FormGroup>();
        if (this.sections) {
            this.sections.forEach(item => {
                let form: FormGroup = item.buildForm();
                sectionsFormArray.push(form)
            })
        }
        let fieldGroupsFormArray = new Array<FormGroup>();
        // if (this.fieldGroups) {
        //     this.fieldGroups.forEach(item => {
        //         let form: FormGroup = item.buildForm();
        //         fieldGroupsFormArray.push(form)
        //     })
        // }
        let compositeFieldsFormArray = new Array<FormGroup>();
        if (this.compositeFields) {
            this.compositeFields.forEach(item => {
                let form: FormGroup = item.buildForm();
                compositeFieldsFormArray.push(form)
            })
        }
        formGroup.addControl('compositeFields', this.formBuilder.array(compositeFieldsFormArray));
        formGroup.addControl('sections', this.formBuilder.array(sectionsFormArray));
       // formGroup.addControl('fieldGroups', this.formBuilder.array(fieldGroupsFormArray));
       /*  formGroup.addControl('defaultVisibility', new FormControl(this.defaultVisibility))
        formGroup.addControl('page', new FormControl(this.page))
        formGroup.addControl('id', new FormControl(this.id))
        formGroup.addControl('title', new FormControl(this.title))
        formGroup.addControl('description', new FormControl(this.description))    */
        return formGroup;
    }
}