@using BlazorStrap
@using BlazorStrap.V5


<BSNavbar Color="BSColor.Light">
    <BSContainer Container="Container.Fluid">
        <BSNavbarBrand>
            @*<img src="logo.svg" alt="logo" width="30" class="d-inline-block align-text-top"/>*@
            HopFrame
        </BSNavbarBrand>
        <BSCollapse IsInNavbar="true">
            <Toggler>
                <BSNavbarToggle/>
            </Toggler>
            <Content>
                <BSNav MarginEnd="Margins.Auto" MarginBottom="Margins.Small" Class="mb-lg-0">
                    @foreach (var nav in Subpages) {
                        <BSNavItem IsActive="IsNavItemActive(nav.Key)" Url="@nav.Key">@nav.Value</BSNavItem>
                    }
                </BSNav>
            </Content>
        </BSCollapse>
    </BSContainer>
</BSNavbar>


@inject NavigationManager Navigator

@code {
    public static IDictionary<string, string> Subpages = new Dictionary<string, string> {
        { "administration/users", "Users" },
        { "administration/groups", "Groups" }
    };

    public bool IsNavItemActive(string element) {
        return Navigator.Uri.Contains(element);
    }
}