TourIAm/TIAMSharedUI/Shared/Users/AdminNavMenu.razor

@using TIAMWebApp.Shared.Application.Interfaces
@using AyCode.Interfaces.StorageHandlers;
@inject ISecureStorageHandler SecureStorageHandler


    <div class="w-100" style="height:40px; position:fixed;">
        <DxMenu Title="Tour I Am" ItemsPosition="ItemPosition.End" CollapseItemsToHamburgerMenu="true"
                Orientation="Orientation"
                DisplayMode="DisplayMode">
            <Items>
                <DxMenuItem NavigateUrl="/" Text="Home" IconCssClass="menu-icon-home menu-icon" />
                <DxMenuItem NavigateUrl="user/properties" Text="My companies" IconCssClass="menu-icon-home menu-icon" />
                <DxMenuItem NavigateUrl="user/media" Text="Media" IconCssClass="menu-icon-home menu-icon" />
                                   
                <DxMenuItem Text="SysAdmin" IconCssClass="menu-icon-products menu-icon">
                    <Items>
                        <DxMenuItem NavigateUrl="user/sysadmin" Text="Dashboard" />
                        <DxMenuItem NavigateUrl="sysadmin/transfers" Text="Transfers" />
                        <DxMenuItem NavigateUrl="sysadmin/companies" Text="Companies" />
                        <DxMenuItem NavigateUrl="sysadmin/drivers" Text="Drivers" />
                        <DxMenuItem NavigateUrl="sysadmin/cars" Text="Cars" />

                        <DxMenuItem NavigateUrl="sysadmin/userproductmappings" Text="Permissions" />
                        <DxMenuItem NavigateUrl="sysadmin/users" Text="Users" />
                        <DxMenuItem NavigateUrl="user/destinations" Text="Destinations" />
                    </Items>
                </DxMenuItem>
                <DxMenuItem Text="HotelAdmin" IconCssClass="menu-icon-support menu-icon">
                    <Items>
                        <DxMenuItem NavigateUrl="user/hoteladmin" Text="Dashboard" />
                        <DxMenuItem NavigateUrl="user/createAndManageTransfer" Text="Transfers" />
                        <DxMenuItem NavigateUrl="user/serviceprovider/5453-a87f77787d-khj899" Text="Manage hotel" />                     
                    </Items>
                </DxMenuItem>
            </Items>
        </DxMenu>
    </div>




@* <div class="top-row ps-3 navbar navbar-light">
    <div class="container-fluid">       
        <a class="navbar-brand my-navbar-brand" href=""></a>
        <button title="Navigation menu" class="navbar-toggler my-navbar-toggler" @onclick="ToggleNavMenu">
            <img src="_content/TIAMSharedUI/images/navbar-toggler.png" width="40" />
        </button>

    </div>


</div>

<div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu">
    <div style="display: flex; align-content: center; justify-content:center" class="my-navbar-hero">

        <a class="navbar-brand my-navbar-brand" href=""><img src="_content/TIAMSharedUI/images/logo_wide.png" alt="TourIam Logo" title="TourIAm Logo" /></a>

    </div>
    <nav class="flex-column">
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="">
                Home
            </NavLink>
        </div>
        

        <div class="nav-item px-3">
            <NavLink class="nav-link" href="user/properties">
                My companies
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="user/products">
                Services
            </NavLink>
        </div>

        <div class="nav-item px-3">
            <NavLink class="nav-link" href="user/media">
                Media
            </NavLink>
        </div>

        <div class="nav-item px-3">
            <NavLink class="nav-link" @onclick="()=>expandSysAdminNav = !expandSysAdminNav">
                <span class="oi oi-list-rich" aria-hidden="true"></span> System Admin
            </NavLink>
        </div>
        @if (expandSysAdminNav)
        {
            <hr />
            <div class="nav-item px-3">
                <NavLink class="nav-link" href="user/sysadmin">
                    Dashboard
                </NavLink>
            </div>
            <div class="nav-item px-3">
                <NavLink class="nav-link" href="user/transfers">
                    Transfers
                </NavLink>
            </div>
            <div class="nav-item px-3">
                <NavLink class="nav-link" href="user/companies">
                    Partners
                </NavLink>
            </div>
            <div class="nav-item px-3">
                <NavLink class="nav-link" href="user/users">
                    Users
                </NavLink>
            </div>
            <div class="nav-item px-3">
                <NavLink class="nav-link" href="user/destinations">
                    Destinations
                </NavLink>
            </div>
            
            <hr />
        }

        <div class="nav-item px-3">
            <NavLink class="nav-link" @onclick="()=>expandHotelAdminNav = !expandHotelAdminNav">
                <span class="oi oi-list-rich" aria-hidden="true"></span> Hotel Admin
            </NavLink>
        </div>
        @if (expandHotelAdminNav)
        {
            <hr />
            <div class="nav-item px-3">
                <NavLink class="nav-link" href="user/hoteladmin">
                    Hotel Dashboard
                </NavLink>
            </div>
            <div class="nav-item px-3">
                <NavLink class="nav-link" href="user/createAndManageTransfer">
                    Transfer
                </NavLink>
            </div>
            <div class="nav-item px-3">
                <NavLink class="nav-link" href="user/serviceprovider/5453-a87f77787d-khj899">
                    Manage
                </NavLink>
            </div>
            <div class="nav-item px-3">
                <NavLink class="nav-link" href="serviceprovider">
                    Public profile
                </NavLink>
            </div>
            <div class="nav-item px-3">
                <NavLink class="nav-link" href="counter">
                    My earnings
                </NavLink>
            </div>
            <hr />
        }


        
        
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="user/profile">
                Profile
            </NavLink>
        </div>
        
        
        
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="#" @onclick="SignOut">
                Signout
            </NavLink>
        </div>
    </nav>
</div> *@

@code {
    private bool collapseNavMenu = true;
    private bool expandSysAdminNav = false;
    private bool expandHotelAdminNav = false;
    private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;

    MenuDisplayMode DisplayMode { get; set; } = MenuDisplayMode.Auto;
    Orientation Orientation { get; set; } = Orientation.Horizontal;

    private void ToggleNavMenu()
    {
        collapseNavMenu = !collapseNavMenu;
    }

    private void NavigateBack()
    {

    }

    private void SignOut()
    {
        SecureStorageHandler.ClearAllSecureStorageAsync();
    }

}