<div class="confirmation-dialog">
	<div class="row">
		<div class="confirmation-message col align-self-center">
			<h4>{{'DATASET-UPLOAD.TITLE' | translate}}</h4>
		</div>
		<div class="col-auto">
			<button mat-icon-button class="col-auto" (click)="fileInput.click()" type="button">
				<mat-icon color="primary">attach_file</mat-icon>
			</button>
			<input class="hidden" #fileInput type="file" (change)="uploadFile($event)" accept="text/xml">
		</div>
	</div>
	<div class="row">
		<mat-form-field class="col-12">
			<input class="uploadInput" [(ngModel)]="datasetTitle" [disabled]="disableDatasetName()" matInput placeholder="{{'DATASET-UPLOAD.PLACEHOLDER' | translate}}"
			 name="uploadFileInput">
		</mat-form-field>

		<mat-form-field class="col-12">
			<app-single-auto-complete [required]="true" [(ngModel)]="dmp" (ngModelChange)="controlModified()" placeholder="{{'CRITERIA.DMP.LIKE' | translate}}"
			 [configuration]="dmpAutoCompleteConfiguration" [disabled]="disableDmpSearch()">
			</app-single-auto-complete>
		</mat-form-field>

		<mat-form-field class="col-md-12">
			<mat-select placeholder=" {{'DATASET-UPLOAD.DATASET-PROFILE.SELECT'| translate}}" [required]="true" [(value)]="datasetProfile"
			 [disabled]="disableDatasetProfile()">
				<mat-option *ngFor="let datasetProfile of availableProfiles" [value]="datasetProfile">
					{{datasetProfile.label}}
				</mat-option>
			</mat-select>
		</mat-form-field>

		<div class="col-auto">
			<button mat-raised-button type="button" (click)="cancel()">{{'DATASET-UPLOAD.ACTIONS.CANCEL' | translate}}</button>
		</div>
		<div class="col"></div>
		<div class="col-auto">
			<button mat-raised-button color="primary" type="button" (click)="confirm()" [disabled]="disableButton()">{{'DATASET-UPLOAD.ACTIONS.IMPORT' | translate}}</button>
		</div>
	</div>
</div>
