<div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav ml-auto">
        @foreach (var item in (await WebApp.Site.Sitemap.ForUserAsync(User, Auth)).Where(i => !i.IsHidden))
        {
        <li class="nav-item@(item.Id == WebApp.PageId || item.HasChild(WebApp.PageId) ? " active" : "")">
            @{
                var subPages = WebApp.Site.Sitemap.GetPartial(item.Id);
                if (subPages != null && subPages.Count > 0)
                {
                    <div class="dropdown">
                        <a href="#" class="dropdown-toggle nav-link" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">@item.MenuTitle</a>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuLink" v-bdropdown>
                            @foreach (var subPage in subPages)
                            {
                                <a class="nav-link" href="@WebApp.Url(subPage)">@subPage.MenuTitle</a>
                            }
                        </div>
                    </div>
                } else
                {
                    <a class="nav-link" href="@WebApp.Url(item)">@item.MenuTitle</a>
                }
            }
        </li>
        }
    </ul>
</div>