<div class="form-container">
	<div mat-dialog-title class="row d-flex justify-content-between m-0">
		<span class="title">{{'DASHBOARD.SELECT-DMP' | translate}}</span>
		<mat-icon class="close-icon" (click)="close()">close</mat-icon>
	</div>
	<div class="row content">
		<div class="col dmp-form p-0">
			<mat-form-field>
				<app-single-auto-complete [required]="true" [formControl]="formGroup.get('dmp')" placeholder="{{'DATASET-EDITOR.FIELDS.SELECT-DMP' | translate}}" [configuration]="dmpAutoCompleteConfiguration"></app-single-auto-complete>
			</mat-form-field>
		</div>
	</div>
	<div class="row">
		<div class="col-auto pb-4">
			<span>{{'DASHBOARD.ADD-NEW-DATASET.OPTIONS-NOT-ENOUGH' | translate}}</span>&nbsp;<span class="new-dmp" (click)="startNewDmp()">{{'DASHBOARD.ADD-NEW-DATASET.START-NEW-DMP' | translate}}</span>
		</div>
	</div>
	<div class="row">
		<div class="col actions">
			<div class="col-auto ml-auto">
				<button mat-button type="button" class="cancel-btn" (click)="cancel()">{{ 'DATASET-WIZARD.DIALOGUE.CANCEL' | translate }}</button>
			</div>
			<div class="col-auto p-0">
				<button mat-button *ngIf="formGroup.get('dmp').value" type="button" class="next-btn" (click)="next()">{{ 'DATASET-WIZARD.DIALOGUE.NEXT' | translate }}</button>
				<button mat-button *ngIf="!formGroup.get('dmp').value" type="button" class="disabled-btn">{{ 'DATASET-WIZARD.DIALOGUE.NEXT' | translate }}</button>
			</div>
		</div>
	</div>
</div>
