<div class="template-container">
	<div mat-dialog-title class="row d-flex m-0 header">
		<span class="template-title align-self-center" matTooltip="{{data.template.label}}">{{'DMP-LISTING.COLUMNS.PROFILE' | translate}} - {{data.template.label}}</span>
		<span class="ml-auto align-self-center" (click)="closeDialog()"><mat-icon class="close-icon">close</mat-icon></span>
	</div>
	<div *ngIf="progressIndication" class="progress-bar">
		<mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
	</div>
	<div mat-dialog-content class="definition-content">
		<app-dataset-description *ngIf="datasetProfileDefinitionFormGroup && datasetProfileDefinitionModel" [form]="datasetProfileDefinitionFormGroup" [visibilityRules]="datasetProfileDefinitionModel.rules"
								 [datasetProfileId]="data.template.id" [datasetDescription]="data?.template?.description"></app-dataset-description>
	</div>
	<div mat-mat-dialog-actions *ngIf="datasetProfileDefinitionFormGroup">
		<div class="col-auto d-flex pb-4 pt-2">
			<button mat-raised-button type="button" class="start-btn ml-auto" (click)="select()">{{'TYPES.EXTERNAL-DATASET-TYPE.SELECT' | translate}}</button>
		</div>
	</div>
</div>
