@page "/emailusernametab"


<form>
    <div class="input-div">
        <input  type="text" id="emailId" class="input-box" placeholder="Email or User ID" autocomplete="username email" /><br />
        <span class="hidden">x</span>
    </div>
    <div class="input-div">
        <input  type="password" id="password" class="input-box" placeholder="Password" autocomplete="current-password" /><br />
        <span class="hidden">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" @onclick="SwitchToSignUp">Sign Up</a>

@code {
    
    private void Authenticate()
    {
        
    }

    private void SwitchToSignUp()
    {
        // You can use navigation logic to switch to the sign-up page.
    }
}