@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Views.Shared.Components.Theme.MainNavbar.Brand
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Views.Shared.Components.Theme.MainNavbar.Menu
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic.Views.Shared.Components.Theme.MainNavbar.Toolbar
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top" id="main-navbar">
    @(await Component.InvokeAsync<MainNavbarBrandViewComponent>())
    <button class="navbar-toggler" type="button" data-toggle="collapse" 
            data-target="#main-navbar-collapse" aria-controls="main-navbar-collapse" 
            aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="main-navbar-collapse">
        <ul class="navbar-nav mr-auto">
            @(await Component.InvokeAsync<MainNavbarMenuViewComponent>())
        </ul>

        <span id="main-navbar-tools">
            @(await Component.InvokeAsync<MainNavbarToolbarViewComponent>())
        </span>
    </div>
</nav>
