@page "/login"
@layout MainLayout
@inject IUriHelper uriHelper
@inject IdentityAuthenticationState state

<Row>
    <Column ColumnSize="ColumnSize.Is6.OnDesktop">
        <Card Margin="Margin.Is4.FromBottom">
            <CardHeader>
                <CardTitle> Login </CardTitle>
            </CardHeader>
            <CardBody>
                <Field>
                    <FieldLabel> Email address </FieldLabel>
                    <TextEdit [email protected] TextChanged="@OnEmailChanged" Role="TextRole.Email" Placeholder="Enter email" />
                    <FieldHelp> We'll never share your email with anyone else.</FieldHelp>
                </Field>
                <Field>
                    <FieldLabel> Password </FieldLabel>
                    <TextEdit [email protected] TextChanged="@OnPasswordChanged" Role="TextRole.Password" Placeholder="Password" />
                </Field>
                <Field>
                    <CheckEdit Checked="@loginParameters.RememberMe" CheckedChanged="@OnRememberMeChanged"> Remember me </CheckEdit>
                </Field>
                <SimpleButton Clicked="@OnSubmit" Color="Color.Primary" IsActive="@buttonActive"> Submit </SimpleButton>
                <Field>
                    <FieldHelp>
                        @if(error != null)
                        {
                            @error
                        }
                        else
                        {

                        }
                    </FieldHelp>
                </Field>
            </CardBody>
        </Card>
    </Column>
</Row>

@functions{

    LoginParameters loginParameters { get; set; } = new LoginParameters();
    protected string error { get; set; }
    protected bool buttonActive = false;
    async Task OnSubmit()
    {
        error = null;
        try
        {
            if(loginParameters.Email != null && loginParameters.Password != null)
            {
                await state.Login(loginParameters);
                uriHelper.NavigateTo("");
            }
        }
        catch (Exception)
        {
            error = "Email or password incorrect. Try again.";
        }

    }

    async Task OnEmailChanged(string value)
    {
        loginParameters.Email = value;
        await Task.CompletedTask;
    }

    async Task OnPasswordChanged(string value)
    {
        loginParameters.Password = value;
        await Task.CompletedTask;
    }

    async Task OnRememberMeChanged(bool value)
    {
        loginParameters.RememberMe = value;
        await Task.CompletedTask;
    }

    protected override async Task OnAfterRenderAsync()
    {
        buttonActive = true;
        await Task.CompletedTask;
    }
}