@using Biskilog_Accounting.Shared.Interfaces
@using Biskilog_Accounting.Client.Pages.Auth.Components
@inject NavigationManager m_navigationManager
@layout AuthLayout
@inject HttpClient m_http
@inject ITokenService m_tokenService
<form>
    <div class="input-div">
        <input type="text" id="emailId" class="input-box" placeholder="Email or User ID" autocomplete="username email" @oninput="@(args => usernameInput(args.Value.ToString()))" @onkeydown="@Enter" /><br />
        <span class="@m_usernameErrorClass">x</span>
    </div>
    <div class="input-div">
        <input type="password" id="password" class="input-box" placeholder="Password" autocomplete="current-password" @oninput="@(args => passwordInput(args.Value.ToString()))" @onkeydown="@Enter" /><br />
        <span class="@m_passwordErrorClass">x</span>
    </div>
    <div class="input-div-check">
        <input type="checkbox" id="rememberme-checkbox" name="rememberme-checkbox" class="input-box" /><br />
        <label for="rememberme-checkbox">Remember me</label>
    </div>
</form>

<button type="button" class="sign-in-gbutton-colored" @onclick="Authenticate">
    <div style="display: inline-flex;">
        <i></i>
        <span class="sign-in-gbutton-title">Sign In</span>
    </div>
</button>
<a class="reset-link">Forgot your password?</a>