<div class="main-content" *ngIf="showForm">
	<div class="container-fluid">
		<div class="card">
			<div class="card-header card-header-plain d-flex">
				<h4 class="card-title">{{ 'EMAIL-CONFIRMATION.CARD-TITLE' | translate }}</h4>
			</div>
			<div class="card-body table-responsive">
				<form class="form" *ngIf="!mailSent">
					<h5>{{ 'EMAIL-CONFIRMATION.REQUEST-EMAIL-HEADER' | translate }}</h5>
					<p>{{ 'EMAIL-CONFIRMATION.REQUEST-EMAIL-TEXT' | translate }}</p>
					<mat-form-field class="full-width">
						<input matInput placeholder="Your Email" [formControl]="emailFormControl">
					</mat-form-field>
					<button mat-raised-button color="primary" (click)="sendConfirmationEmail()" class="lightblue-btn">
						{{ 'EMAIL-CONFIRMATION.SUBMIT' | translate }}
					</button>
				</form>
				<h5 *ngIf="mailSent">{{ 'EMAIL-CONFIRMATION.SENT-EMAIL-HEADER' | translate }}</h5>
			</div>
		</div>
	</div>
</div>
