@page "/hub"
@inject NavigationManager Navigation
@implements IAsyncDisposable

<PageTitle>Home</PageTitle>

<div class="form-group mb-3">
    <label>
        User:
        <input class="form-control" @bind="_userInput"/>
    </label>
</div>
<div class="form-group mb-3">
    <label>
        Message:
        <input class="form-control" @bind="_messageInput" size="50"/>
    </label>
</div>
<button class="btn btn-primary" @onclick="Send" disabled="@(!IsConnected)">Send</button>

<hr>

<ul id="messagesList">
    @foreach (var message in _messages)
    {
        <li>@message</li>
    }
</ul>

@code {
    // See Hub.razor.cs
}