@page "/login"
@attribute [AllowAnonymous]
@inject MesaFabApprovalAuthStateProvider authStateProvider
@inject NavigationManager navManager
@inject ISnackbar snackbar

<MudPaper Class="p-2 m-2">
    <MudText Typo="Typo.h3" Align="Align.Center">Login</MudText>
</MudPaper>

<MudPaper Class="p-2 m-2">
    <MudForm @bind-IsValid="@success" @bind-Errors="@errors">
        <MudTextField T="string"
                      Label="Windows Username"
                      Required="true"
                      RequiredError="Username is required!"
                      Variant="Variant.Outlined"
                      @bind-Value=username 
                      Class="m-1"
                      Immediate="true"
                      AutoFocus
                      OnKeyDown=SubmitIfEnter />
        <MudTextField T="string"
                      Label="Windows Password"
                      Required="true"
                      RequiredError="Password is required!"
                      Variant="Variant.Outlined"
                      @bind-Value=password
                      InputType="InputType.Password"
                      Class="m-1"
                      Immediate="true" 
                      OnKeyDown=SubmitIfEnter />
        <MudButton 
            Variant="Variant.Filled"
            Color="Color.Tertiary"
            Disabled="@(!success)"
            Class="m-1"
            OnClick=SubmitLogin >
            @if (processing) {
                <MudProgressCircular Class="m-1" Size="Size.Small" Indeterminate="true" />
                <MudText>Processing</MudText>
            } else {
                <MudText>Log In</MudText>
            }
        </MudButton>
        <MudDivider />
    </MudForm>
</MudPaper>