<form class="mb-0">
	<div class="dropdown-top"></div>
	<div class="dropdown-options">
		<mat-divider class="col-12 top-divider"></mat-divider>
		<!-- <div class="col-12 pl-2">
			<a class="profile email-btn mt-2 mb-2 pl-0">
				<mat-icon class="check-icon">check</mat-icon>{{ getPrincipalEmail() }}
			</a>
		</div>
		<mat-divider class="col-12"></mat-divider> -->
		<div class="col-12 profile-settings">
			<a mat-button class="profile mt-2" (click)="navigateToProfile()">{{'USER-DIALOG.USER-PROFILE-SETTINGS' | translate}}</a>
			<a mat-button class="profile mb-2" (click)="navigateToMyDmps()">{{'USER-PROFILE.ASSOCIATED-DMPS' | translate}}</a>
		</div>
		<mat-divider class="col-12"></mat-divider>
		<div class="col-12">
			<a mat-button class="logout mb-2 mt-2" (click)="logout()">
				{{ 'USER-DIALOG.LOG-OUT' | translate }}
			</a>
		</div>
	</div>
</form>




<!-- <form>
	<div mat-dialog-title>
		<div class="row">
			<div class="col-auto">
				<img mat-card-avatar class="my-mat-card-avatar" [src]="this.getPrincipalAvatar()" (error)="applyFallbackAvatar($event)"> -->
<!-- <img mat-card-avatar class="my-mat-card-avatar" *ngIf="!this.principalHasAvatar()" [src]="this.getDefaultAvatar()"> -->
<!-- </div>
			<span class="user-label col">{{this.getPrincipalName()}}</span>
		</div>
	</div>

	<div mat-dialog-content class="row">
		<mat-divider class="col-12"></mat-divider>
		<div class="col-12">
			<a mat-button class="profile" (click)="navigateToProfile()"><mat-icon class="mr-1">person</mat-icon>{{'USER-DIALOG.USER-PROFILE' | translate}}</a>
		</div>
		<mat-divider class="col-12"></mat-divider>
		<div class="col-12">
			<a mat-button class="logout" (click)="logout()"><mat-icon class="mr-1">exit_to_app</mat-icon>{{ 'USER-DIALOG.LOG-OUT' | translate }}</a>
		</div>
	</div>
</form> -->
