@using Microsoft.Extensions.Configuration;
@inject IConfiguration Configuration;
<nav class="navbar navbar-expand-lg navbar-dark fixed-top lcu-navbar">
    <a class="navbar-brand title-main" href="">
        <img src="images/LMCU-White-Logo-Only.png" alt="Landmark Lighthouse Logo" class="logo-main App-logo">
        <span className="nav-app-title">Reserve Management System</span>
    </a>
    <button class="navbar-toggler" @onclick="ToggleNavMenu">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="@NavMenuCssClass" id="navbarResponsive">
        <LoginDisplay />
        <ul class="navbar-nav-addon navbar-nav ml-auto">
            <li class="nav-item px-3">
                <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                    <span class="oi oi-home" aria-hidden="true"></span> Home
                </NavLink>
            </li>
            <AuthorizeView Policy="IsRMSAssociate">
                <li class="nav-item px-3">
                    <NavLink class="nav-link" href="Loans" Match="NavLinkMatch.All">
                        <span class="oi oi-credit-card" aria-hidden="true"></span> Loans
                    </NavLink>
                </li>
                <li class="nav-item px-3">
                    <NavLink class="nav-link" href="Statements">
                        <span class="oi oi-folder" aria-hidden="true"></span> Statements
                    </NavLink>
                </li>
            </AuthorizeView>
        </ul>
    </div>
</nav>

@code {
    bool collapseNavMenu = true;

    string NavMenuCssClass => collapseNavMenu ? "collapse navbar-collapse" : "collapse navbar-collapse show";

    void ToggleNavMenu()
    {
        collapseNavMenu = !collapseNavMenu;
    }

    void ForceClosed()
    {
        collapseNavMenu = true;
    }

}