<div class="row" *ngFor="let ruleFormGroup of form['controls'] let i=index;" [formGroup]="ruleFormGroup">
	<span class="col-auto">{{i + 1}}</span>

	<span class="col-auto">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.RULE.FIELDS.RULE-IF'| translate}}</span>
	<!-- Value -->
	<app-component-profile-editor-default-value-component class="col" [viewStyle]="viewStyleForCheck" [form]="ruleFormGroup.get('value')"
	 [formArrayOptions]="formArrayOptionsForCheck" [comboBoxType]="comboBoxTypeForCheck" placeHolder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-RULES-VALUE' | translate}}"
	 required="true"></app-component-profile-editor-default-value-component>

	<span class="col-auto">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.RULE.FIELDS.RULE-THEN'| translate}}</span>

	<!-- Field Or Section ID -->
	<mat-form-field class="col-auto">
		<input matInput type="text" placeholder="{{'DATASET-PROFILE-EDITOR.STEPS.FORM.RULE.FIELDS.TARGET' | translate}}"
		 formControlName="target" (change)="targetValidation()" required>
		<mat-error>{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
	</mat-form-field>


	<div class="col-auto"><button mat-icon-button type="button" (click)="deleteRule(i);" [disabled]="viewOnly">
			<mat-icon>delete</mat-icon>
		</button>
	</div>
</div>
