@page "/Login"
@using BlazorShared.Services
@inject ILogin LoginService

<h1>Login</h1>

<form>
    <div class="form-group">
        <label for="exampleInputEmail1">Email address</label>
        <input type="email" class="form-control" id="exampleInputEmail1"
               bind="@LoginData.Email"
               aria-describedby="emailHelp" placeholder="Enter email" />
        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1"
               bind="@LoginData.Password"
               placeholder="Password" />
    </div>
    <div class="form-check">
        <input type="checkbox" class="form-check-input" id="exampleCheck1">
        <label class="form-check-label" for="exampleCheck1">Check me out</label>
    </div>
</form>
<div>
    <button type="submit" class="btn btn-primary" onclick=@(async () => await Submit())>Submit</button>
</div>

<label class="form-check-label" for="exampleCheck1">@Debug</label>

@functions {

    public string Debug { get; set; }

    public LoginInfo LoginData { get; set; } = new LoginInfo();

    public async Task Submit()
    {
        Debug = LoginService.ToString();

        var str = await LoginService.Login(null, null, null);
        Console.WriteLine(str);

        Debug = $"server response: {str}";
    }
}