Shogi/Shogi.UI/Pages/Identity/RegisterPage.razor

@page "/register"
@inject IAccountManagement Acct

<main class="PrimaryTheme">
	<h1>Register</h1>

	<section class="LoginForm">
		<AuthorizeView>
			<Authorized>
				<div class="alert alert-success">You're already logged in as @context.User.Identity?.Name.</div>
			</Authorized>
			<NotAuthorized>
				@if (showNextSteps)
				{
					<p>Thank you for joining! You will receive an email asking to confirm you own this email address.</p>
				}
				@if (errorList.Length > 0)
				{
					<ul class="Errors" style="grid-area: errors">
						@foreach (var error in errorList)
						{
							<li>@error</li>
						}
					</ul>
				}

				<label for="email" style="grid-area: emailLabel">Email</label>
				<input autofocus autocomplete="on" required id="email" name="emailInput" type="email" style="grid-area: emailControl" @bind-value="email" />

				<label for="password" style="grid-area: passLabel">Password</label>
				<input required id="password" name="passwordInput" type="password" style="grid-area: passControl" @bind-value="password" /><br />

				<label for="confirmPassword" style="grid-area: confirmLabel">Retype password</label>
				<input required id="confirmPassword" name="confirmPasswordInput" type="password" style="grid-area: confirmControl" @bind-value="confirmPassword" />

				<button style="grid-area: button" @onclick="DoRegisterAsync">Register</button>
			</NotAuthorized>
		</AuthorizeView>
	</section>
</main>

@code {
	private bool showNextSteps;
	private string email = string.Empty;
	private string password = string.Empty;
	private string confirmPassword = string.Empty;
	private string[] errorList = [];

	public async Task DoRegisterAsync()
	{
		errorList = [];

		if (string.IsNullOrWhiteSpace(email))
		{
			errorList = ["Email is required."];

			return;
		}

		if (string.IsNullOrWhiteSpace(password))
		{
			errorList = ["Password is required."];

			return;
		}

		if (string.IsNullOrWhiteSpace(confirmPassword))
		{
			errorList = ["Please confirm your password."];

			return;
		}

		if (password != confirmPassword)
		{
			errorList = ["Passwords don't match."];

			return;
		}

		var result = await Acct.RegisterAsync(email, password);

		if (result.Succeeded)
		{
			email = password = confirmPassword = string.Empty;
			showNextSteps = true;
		}
		else
		{
			errorList = result.ErrorList;
		}
	}
}