@page "/login"

<MudText Typo="Typo.h2"> Login Account </MudText>

<EditForm Model="@_userForAuth" OnValidSubmit="Logining" FormName="LoginingForm">
	<DataAnnotationsValidator />
	<MudGrid>
		<MudItem xs="12" sm="7">
			<MudCard>
				<MudCardContent>
					<MudTextField Label="Email" Class="mt-3"
								  @bind-Value="_userForAuth.Email" For="@(() => _userForAuth.Email)" />
					<MudTextField Label="Password" HelperText="Choose a strong password" Class="mt-3"
								  @bind-Value="_userForAuth.Password" For="@(() => _userForAuth.Password)" InputType="InputType.Password" />
				</MudCardContent>
				<MudCardActions>
					<MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary" Class="ml-auto">Register</MudButton>
				</MudCardActions>

				<div class="nav-item px-3">
					<NavLink class="nav-link"  href="forgotpassword"> 
						<span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span>Forgot Password
					</NavLink>
				</div>
			</MudCard>
		</MudItem>
		<MudItem xs="12" sm="5">
			<MudPaper Class="pa-4 mud-height-full">
				<MudText Typo="Typo.subtitle2">Validation Summary</MudText>
				@if (!ShowRegistrationErrors)
				{
					<MudText Color="Color.Success">Success</MudText>
				}
				else
				{
					<MudText Color="@Color.Error">
						<ValidationSummary />
					</MudText>
				}
			</MudPaper>
		</MudItem>
		<MudItem xs="12">
			<MudText Typo="Typo.body2" Align="Align.Center">
				Fill out the form correctly to see the success message.
			</MudText>
		</MudItem>
	</MudGrid>
</EditForm>