@page "/login"
@using FoodsharingSiegen.Server.Auth
@layout LoginLayout

@inject AuthService AuthService
@inject NavigationManager NavigationManager

<div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
    <div class="card" style="width: 100%; max-width: 380px;">
        <div class="card-header">FS Siegen</div>
        <div class="card-body">
            <Validation Validator="ValidateMail" @bind-Status="@IsValidMail">
                <TextEdit @bind-Text="Mailaddress" Role="TextRole.Email" Placeholder="E-Mail" Class="mt-0" KeyUp="TextEdit_KeyUp"></TextEdit>
            </Validation>

            <Validation Validator="ValidatePassword" @bind-Status="@IsValidPassword">
                <TextEdit @bind-Text="Password" Role="TextRole.Password" Placeholder="Passwort" Class="my-3" KeyUp="TextEdit_KeyUp"></TextEdit>
            </Validation>

            <div class="d-flex justify-content-center">
                <Button Clicked="PerformLogin" Disabled="@(IsValidMail != ValidationStatus.Success || IsValidPassword != ValidationStatus.Success)">Einloggen</Button>
            </div>

        </div>
    </div>
</div>