@using TIAMSharedUI.Pages.Components
@using TIAMWebApp.Shared.Application.Interfaces
@using AyCode.Interfaces.StorageHandlers
@using Microsoft.Extensions.Localization
@using Microsoft.AspNetCore.Components.Authorization



<nav class="navbar sticky-top navbar-expand-lg">
    <div class="container-fluid"> 
        <NavLink class="navbar-brand" href="/">
            <img height="25" src="_content/TIAMSharedUI/images/logo_wide.png" alt="TourIam Logo" title="TourIAm Logo" />
        </NavLink>
        
        <button @onclick="ToggleNavMenu" class="navbar-toggler">
            <img src="_content/TIAMSharedUI/images/navbar-toggler.png" width="40" />
        </button>
        <div class="@NavMenuCssClass navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <!--NavLink class="nav-link" href="" Match="NavLinkMatch.All"-->
                    <NavLink class="nav-link" href="/">
                        <!--span class="oi oi-home" aria-hidden="true"></span--> 
                        @localizer.GetString("NavMenu.Home")
                    </NavLink>
                </li>
                
               

                
                @{
                    if(enableTransfer)
                    {
                        <li class="nav-item">
                            <NavLink class="nav-link" href="transfer">
                                @localizer.GetString("NavMenu.Transfer")
                            </NavLink>
                        </li>
                        <li class="nav-item">
                            <NavLink class="nav-link" href="formulaone">
                                @localizer.GetString("NavMenu.FormulaOne")
                            </NavLink>
                        </li>
                    }
                   
                    if (sessionService.IsSysAdmin)
                    {
                        <li class="nav-item">
                            <NavLink class="nav-link" href="swagger">
                                API
                            </NavLink>
                        </li>
                        <li class="nav-item">
                            <NavLink class="nav-link" href="chat">
                                Chat
                            </NavLink>
                        </li>
                        <li class="nav-item">
                            <NavLink class="nav-link" href="events">
                                @localizer.GetString("NavMenu.Events")
                            </NavLink>
                        </li>
                    }

                    if(enableLanguage)
                    {
                        
                        <li class="nav-item dropdown">
                            <NavLink class="nav-link" href="settings">
                                @localizer.GetString("NavMenu.Settings")
                            </NavLink>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item" href="#">Action</a></li>
                                <li><a class="dropdown-item" href="#">Another action</a></li>
                                <li><hr class="dropdown-divider"></li>
                                <li><a class="dropdown-item" href="#">Something else here</a></li>
                            </ul>
                        </li>
                    }

                }
                
                <li class="nav-item">
                    <NavLink class="nav-link" href="about">
                        @localizer.GetString("NavMenu.About")
                    </NavLink>
                </li>
                
                    
                
            </ul>
            <ul class="nav navbar-nav navbar-right">
                @* <AuthorizeView>
                    <Authorized>
                        @if(hasProperty)
                        {
                            <li class="nav-item">
                                <NavLink class="nav-link" href="user/admin">
                                    Admin
                                </NavLink>
                            </li>
                            <li class="nav-item">
                                <NavLink class="nav-link" href="user/messages">
                                    Messages
                                </NavLink>
                            </li>
                            
                        }
                    </Authorized>
                </AuthorizeView> *@
                @if(enableLogin)
                {
                    if (!myUser && enableLogin)
                    {
                        <li class="nav-item">
                            <NavLink class="nav-link" href="login">
                                @localizer.GetString("NavMenu.Login")
                            </NavLink>
                        </li>
                    }
                    else
                    {
                        @if (true || hasProperty)
                        {
                            <li class="nav-item">
                                <NavLink class="nav-link" href="user/admin">
                                    @localizer.GetString("NavMenu.Admin")

                                </NavLink>
                            </li>
                        }
                        <li class="nav-item">
                            <div class="btn-nav">
                                <NavLink class="btn btn-primary btn-small navbar-btn" href="#" @onclick="SignOut" data-bs-target=".navbar-collapse.show">
                                    @localizer.GetString("NavMenu.SignOut")
                                </NavLink>
                            </div>

                        </li>
                        
                    }
                }

               
                
            </ul>
                
        </div>
    </div>
</nav>

@* <script>
    function toggleBootstrapNavMenu(isExpanded) {
        var navMenu = document.getElementById('navbarNav');
        if (navMenu) {
            var collapse = new bootstrap.Collapse(navMenu, {
                toggle: false
            });
            if (isExpanded) {
                collapse.show();
                console.log("Show");
            } else {
                collapse.hide();
                console.log("Hide");
            }
        }
    }
</script> *@


@code {

    
    
}