@inherits ViewBase
<div class="container">
    <a style="float:right" href="/classic-index">Back OLD Home Page</a>
    <h3>Blazor WASM UI</h3>

    @if (Progress?.IsLoading != false)
    {
        <span>Waiting server ready...</span>
        <span>@(Progress?.LoadedTags ?? 0)</span> <span>/</span> <span>@(Progress?.TotalTrackCount ?? 0)</span>
    }
    else if (FnzDataSet.AllLibrary == null)
    {
        <span>@LoadingMessage</span>
    }
    else
    {
        <ul class="nav nav-tabs justify-content-center nav-fill" id="NavTabs">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="main-tab" data-bs-toggle="tab" data-bs-target="#NavTabContent1" type="button" role="tab" aria-controls="home" aria-selected="true">
                    Browse
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="main-tab" data-bs-toggle="tab" data-bs-target="#NavTabContent2" type="button" role="tab" aria-controls="home" aria-selected="true">
                    Search
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="main-tab" data-bs-toggle="tab" data-bs-target="#NavTabContent3" type="button" role="tab" aria-controls="home" aria-selected="true">
                    Playlists
                </button>
            </li>
        </ul>
        <div class="tab-content" id="NavTabContent">
            <div class="tab-pane fade show active" id="NavTabContent1" role="tabpanel" aria-labelledby="home-tab"><BrowseView></BrowseView></div>
            <div class="tab-pane fade" id="NavTabContent2" role="tabpanel" aria-labelledby="home-tab"><SearchView></SearchView></div>
            <div class="tab-pane fade" id="NavTabContent3" role="tabpanel" aria-labelledby="home-tab"><PlaylistView></PlaylistView></div>
        </div>
    }
</div>