<div class="form-container">
	<div class="row d-flex justify-content-between m-0">
		<a class="logo"><img src="../../../assets/splash/assets/img/argos-logo.svg"></a>
		<div class="col-auto ml-auto close-btn" (click)="close()">
			<mat-icon class="close-icon">close</mat-icon>
		</div>
	</div>
	<div class="row content">
		<h1 mat-dialog-title class="title">{{'NAV-BAR.START-NEW-DMP' | translate}}</h1>
		<p class="text">{{'NAV-BAR.START-NEW-DMP-TXT' | translate}}</p>
		<div class="actions">
			<div class="import-file col-auto">
				<button type="button" class="normal-btn upload-btn d-flex flex-row align-items-center" (click)="uploadFile($event)">
					<mat-icon class="pr-2">file_upload</mat-icon>
					{{ 'NAV-BAR.IMPORT-FROM-FILE' | translate }}
				</button>
			</div>
			<p class="m-0">{{ 'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.FIRST-STEP.OR' | translate }}</p>
			<div class="start-wizard col-auto">
				<button type="button" class="normal-btn font-weight-bold d-flex flex-row align-items-center" (click)="startWizard()">
					<mat-icon>chevron_right</mat-icon>
					{{ 'NAV-BAR.START-WIZARD' | translate }}
				</button>
			</div>
		</div>
	</div>
	<div class="row pt-4">
		<mat-icon class="col-auto material-icons-outlined warn">info</mat-icon>
		<span class="col">
			<b>{{'GENERAL.START-NEW-DMP-DIALOG.IMPORT' | translate }}</b> {{'GENERAL.START-NEW-DMP-DIALOG.FUNCTION-SUPPORTS' | translate }}
			<b>{{'GENERAL.START-NEW-DMP-DIALOG.JSON-FILES' | translate }}</b> {{'GENERAL.START-NEW-DMP-DIALOG.PRODUCED' | translate }}
			<b><a href="https://github.com/RDA-DMP-Common/RDA-DMP-Common-Standard" target="_blank">{{'GENERAL.START-NEW-DMP-DIALOG.RDA-SPECIFICATIONS' | translate }}</a></b>
			{{'GENERAL.START-NEW-DMP-DIALOG.MACHINE-ACTIONABLE' | translate }}
		</span>
	</div>
</div>
