<div class="row" *ngIf="form.get('data')">
    <h5 style="font-weight: bold" class="col-12">{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-EXTERNAL-DATASETS-TITLE'
		| translate}}</h5>
	<mat-checkbox class="col-auto" [formControl]="this.form.get('data').get('multiAutoComplete')">
		{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-MULTIPLE-AUTOCOMPLETE' | translate}}
	</mat-checkbox>

    <mat-form-field class="col-12">
        <mat-label>{{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.FIELD-EXTERNAL-DATASETS-PLACEHOLDER' | translate}}</mat-label>
        <input matInput type="string"
            [formControl]="form.get('data').get('label')">
    </mat-form-field>
    <mat-form-field class="col-6">
        <mat-label>
            {{'DATASET-PROFILE-EDITOR.STEPS.FORM.FIELD.FIELDS.EXTERNAL-DATASET-TYPE-NAME' | translate}}
        </mat-label>
        <mat-select [formControl]="form.get('data').get('type')">
            <mat-option *ngFor="let type of externalDatasetTypes" [value]="type.value">{{type.label | translate}}</mat-option>
        </mat-select>

    </mat-form-field>
</div>
