@page "/account/register"

@inject NotificationService NotificationService

<PageTitle>Регистрация аккаунта</PageTitle>

<RadzenCard class="rz-mx-auto" Style="max-width: 420px">
    <RadzenTemplateForm TItem="InputModel" Data=@Input Method="post" Action="@($"identity/register?returnUrl={ReturnUrl}")">
        <RadzenStack Gap="1rem" class="rz-p-sm-12">
            <RadzenText TextStyle="TextStyle.H5" TextAlign="TextAlign.Center">Регистрация</RadzenText>
            <RadzenFormField Text="Логин" Variant="Variant.Outlined">
                <ChildContent>
                    <RadzenTextBox Name="UserName" @bind-Value=@Input.UserName AutoCompleteType="AutoCompleteType.Username" />
                </ChildContent>
                <Helper>
                    <RadzenRequiredValidator Component="UserName" Text="Поле 'Логин' обязательно к заполнению" />
                    <RadzenLengthValidator Component="UserName" Min="6" Text="Длина поля 'Логин' должна быть не меньше 6" />
                    <RadzenLengthValidator Component="UserName" Max="30" Text="Длина поля 'Логин' должна быть не больше 30" />
                </Helper>
            </RadzenFormField>
            <RadzenFormField Text="Пароль" Variant="Variant.Outlined">
                <ChildContent>
                    <RadzenPassword Name="Password" @bind-Value=@Input.Password AutoCompleteType="AutoCompleteType.NewPassword" />
                </ChildContent>
                <Helper>
                    <RadzenRequiredValidator Component="Password" Text="Поле 'Пароль' обязательно к заполнению" />
                    <RadzenLengthValidator Component="Password" Min="6" Text="Длина поля 'Пароль' должна быть не меньше 6" />
                    <RadzenLengthValidator Component="Password" Max="100" Text="Длина поля 'Пароль' должна быть не больше 100" />
                </Helper>
            </RadzenFormField>
            <RadzenFormField Text="Повторите пароль" Variant="Variant.Outlined">
                <ChildContent>
                    <RadzenPassword Name="ConfirmPassword" @bind-Value=@Input.ConfirmPassword AutoCompleteType="AutoCompleteType.NewPassword" />
                </ChildContent>
                <Helper>
                    <RadzenRequiredValidator Component="ConfirmPassword" Text="Поле 'Пароль' обязательно к заполнению" />
                    <RadzenCompareValidator Value=@Input.Password Component="ConfirmPassword" Text="Пароли должны совпадать" />
                </Helper>
            </RadzenFormField>
            <RadzenButton ButtonType="ButtonType.Submit" Text="Зарегистрировать"></RadzenButton>
        </RadzenStack>
    </RadzenTemplateForm>
</RadzenCard>

@code {
    sealed class InputModel
    {
        public string UserName { get; set; } = "";

        public string Password { get; set; } = "";

        public string ConfirmPassword { get; set; } = "";
    }

    [SupplyParameterFromForm]
    InputModel Input { get; set; } = new();

    [SupplyParameterFromQuery]
    string? Errors { get; set; }

    [SupplyParameterFromQuery]
    string? ReturnUrl { get; set; }

    protected override void OnAfterRender(bool firstRender)
    {
        base.OnAfterRender(firstRender);

        if (firstRender)
        {
            if (!string.IsNullOrEmpty(Errors))
            {
                NotificationService.Notify(new NotificationMessage()
                {
                    Severity = NotificationSeverity.Error,
                    Summary = "Ошибка",
                    Detail = Errors,
                    Duration = -1d
                });
            }
        }
    }
}