<div class="row">
	<!-- BooleanDecision -->
	<mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.BooleanDecision">
		<mat-label>{{placeHolder}}</mat-label>
		<mat-select [formControl]="form" [placeholder]="placeHolder">
			<mat-option [value]="null">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.DEFAULT-VALUES.NONE' |
                translate}}</mat-option>
			<mat-option [value]="'true'">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.DEFAULT-VALUES.BOOLEAN-DECISION.YES'
                |
                translate}}</mat-option>
			<mat-option [value]="'false'">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.DEFAULT-VALUES.BOOLEAN-DECISION.NO'
                |
                translate}}</mat-option>
		</mat-select>
		<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
	</mat-form-field>

	<!-- CheckBox -->
	<mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.CheckBox">
		<mat-label>{{placeHolder}}</mat-label>
		<mat-select [formControl]="form" [placeholder]="placeHolder" >
			<mat-option [value]="'true'">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.DEFAULT-VALUES.CHECK-BOX.CHECKED' | translate}}</mat-option>
			<mat-option [value]="'false'">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.DEFAULT-VALUES.CHECK-BOX.UNCHECKED' | translate}}</mat-option>
		</mat-select>
		<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
	</mat-form-field>

	<!-- ComboBox -->
	<!-- <mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.ComboBox && comboBoxType === comboBoxTypeEnum.Autocomplete">
		<mat-label>{{placeHolder}}</mat-label>
		<input matInput type="text" [placeholder]="placeHolder" [formControl]="form" [required]="required">
	</mat-form-field> -->
	<mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.ComboBox && comboBoxType === comboBoxTypeEnum.WordList">
		<mat-label>{{placeHolder}}</mat-label>
		<mat-select [formControl]="form" [placeholder]="placeHolder" >
			<mat-option [value]="null">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.DEFAULT-VALUES.NONE' | translate }}</mat-option>
			<mat-option *ngFor="let opt of formArrayOptions['controls']" [value]="opt.get('value').value">{{opt.get('label').value}}</mat-option>
		</mat-select>
		<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
	</mat-form-field>

	<!-- InternalDmpEntities -->
	<!-- <mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.InternalDmpEntities && internalDmpEntitiesType === internalDmpEntitiesTypeEnum.Researchers">
		<mat-label>{{placeHolder}}</mat-label>
		<input matInput type="text" [placeholder]="placeHolder" [formControl]="form" [required]="required">
	</mat-form-field>
	<mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.InternalDmpEntities && internalDmpEntitiesType === internalDmpEntitiesTypeEnum.Datasets">
		<mat-label>{{placeHolder}}</mat-label>
		<input matInput type="text" [placeholder]="placeHolder" [formControl]="form" [required]="required">
	</mat-form-field>
	<mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.InternalDmpEntities && internalDmpEntitiesType === internalDmpEntitiesTypeEnum.Dmps">
		<mat-label>{{placeHolder}}</mat-label>
		<input matInput type="text" [placeholder]="placeHolder" [formControl]="form" [required]="required">
	</mat-form-field> -->

	<!-- FreeText -->
	<mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.FreeText">
		<mat-label>{{placeHolder}}</mat-label>
		<input matInput type="text" [placeholder]="placeHolder" [formControl]="form" >
		<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
	</mat-form-field>

	<!-- RadioBox -->
	<mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.RadioBox">
		<mat-label>{{placeHolder}}</mat-label>
		<mat-select [formControl]="form" [placeholder]="placeHolder" >
			<mat-option [value]="null">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.DEFAULT-VALUES.NONE' | translate}}</mat-option>
			<mat-option *ngFor="let opt of formArrayOptions['controls']" [value]="opt.get('value').value">{{opt.get('label').value}}</mat-option>
		</mat-select>
		<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
	</mat-form-field>

	<!-- TextArea -->
	<mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.TextArea">
		<mat-label>{{placeHolder}}</mat-label>
		<input matInput type="text" [placeholder]="placeHolder" [formControl]="form">
		<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
	</mat-form-field>

	<!-- RichTextArea -->
	<mat-form-field class="col-md-12" *ngIf="viewStyle === viewStyleEnum.RichTextArea">
		<mat-label>{{placeHolder}}</mat-label>
		<input matInput type="text" [placeholder]="placeHolder" [formControl]="form">
		<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
	</mat-form-field>

	<!-- DatePicker -->
	<mat-form-field class="col-12" *ngIf="viewStyle === viewStyleEnum.DatePicker">
		<!--(focus)="date.open()" (click)="date.open()"-->
		<mat-label>{{placeHolder}}</mat-label>
		<input matInput [placeholder]="placeHolder" class="table-input" [matDatepicker]="date" [formControl]="form" >
		<mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle>
		<mat-datepicker #date></mat-datepicker>
		<mat-error *ngIf="form.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}
		</mat-error>
	</mat-form-field>
</div>
