@page "/resetpassword"


<MudText Typo="Typo.h2"> Reset Password Account </MudText>

<EditForm Model="@_resetPassDto" OnValidSubmit="Submit" FormName="ResetPasswordForm">
	<DataAnnotationsValidator />
	<MudGrid>
		<MudItem xs="12" sm="7">
			<MudCard>
				<MudCardContent>
					<MudTextField Label="Password" HelperText="Choose a strong password" Class="mt-3"
								  @bind-Value="_resetPassDto.Password" For="@(() => _resetPassDto.Password)" InputType="InputType.Password" />
					<MudTextField Label="Confirm Password" HelperText="Repet Password" Class="mt-3"
								  @bind-Value="_resetPassDto.ConfirmPassword" For="@(() => _resetPassDto.ConfirmPassword)" 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 (_showSuccess)
				{
					<MudText Color="Color.Success">Success</MudText>
				}
				else if (_showError)
				{
					<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>
