<div class="template-container">
	<div mat-dialog-title class="row d-flex m-0">
		<h1 mat-dialog-title class="title">{{'USER-PROFILE.ACTIONS.LINK-NEW-ACCOUNT' | translate}}</h1>
		<span class="ml-auto align-self-center" (click)="closeDialog()"><mat-icon class="close-icon">close</mat-icon></span>
	</div>
	<app-login *ngIf="hasEmail" [mergeUsers]="true" redirect="false"></app-login>
	<div *ngIf="!hasEmail">
		<div  mat-dialog-content class="definition-content pt-2">
			<mat-form-field class="full-width">
				<input matInput placeholder="{{'USER-PROFILE.SETTINGS.YOUR-EMAIL' | translate}}">
			</mat-form-field>
		</div>
		<div mat-mat-dialog-actions>
			<div class="col-auto d-flex pb-2 pt-2">
				<button mat-raised-button type="button" class="cancel-btn ml-auto" (click)="cancel()">{{'USER-PROFILE.ACTIONS.CANCEL' | translate}}</button>
				<button mat-raised-button type="button" class="add-btn ml-4" (click)="add()">{{'USER-PROFILE.ACTIONS.ADD' | translate}}</button>
			</div>
		</div>
	</div>
</div>
