@implements IDisposable

@inject NavigationManager NavigationManager

<div class="top-row ps-3 navbar navbar-dark">
    <div class="container-fluid px-0">
        @if (!showText)
        {
            <a class="navbar-brand p-0" @onclick="() => ToggleCompress()">Lux <i class="fas fa-caret-square-right"></i></a>
        }
        else
        {
            <a class="navbar-brand" @onclick="() => ToggleCompress()">Lux.UI Manager <i class="fas fa-caret-square-left"></i></a>
        }
        @* <a class="navbar-brand" href="">Lux.UI</a> *@
        <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
            <span class="navbar-toggler-icon"></span>
        </button>
    </div>
</div>

@* <input type="checkbox" title="Navigation menu" class="navbar-toggler" /> *@

@* <div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()"> *@
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
    <nav class="flex-column">
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="Home" Match="NavLinkMatch.All">
                <span class="bi bi-house-fill px-2 fs-4" aria-hidden="true"></span> 
                @if (showText)
                {
                    <span class="@hideText">Home</span>
                }
            </NavLink>
        </div>
        <div class="nav-item px-3 py-1">
            <div class="button d-flex justify-content-between align-items-center w-100" style="cursor: pointer; color:#d7d7d7;" @onclick="ToggleArticoli">
               <div>
                    <span class="fa-solid fa-book-open px-2 fs-4" aria-hidden="true"></span>
                    @if (showText)
                    {
                        <span>Articoli</span>
                        <i class="fa-solid fa-chevron-@(isArticoliOpen ? "up" : "down") small px-2"></i>
                    }
                </div>
            </div>
        </div>
        @if (isArticoliOpen)
        {
            <div class="nav-item px-3 @subArtCss">
                <NavLink class="nav-link" href="Items">
                    <span class="fa-solid fa-book px-2 fs-5" aria-hidden="true"></span> <span class="@hideText">Buy</span>
                </NavLink>
            </div>
            <div class="nav-item px-3 @subArtCss">
                <NavLink class="nav-link" href="SellItems">
                    <span class="fa-solid fa-book-bookmark px-2 fs-5" aria-hidden="true"></span> <span class="@hideText">Sell</span>
                </NavLink>
            </div>
        }
        <div class="nav-item px-3 py-1">
            <div class="button d-flex justify-content-between align-items-center w-100" style="cursor: pointer; color:#d7d7d7;" @onclick="ToggleCicloProd">
                <div>
                    <span class="fa-solid fa-industry px-2 fs-4" aria-hidden="true"></span>
                    @if (showText)
                    {
                        <span>Ciclo Prod</span>
                        <i class="fa-solid fa-chevron-@(isArticoliOpen ? "up" : "down") small px-2"></i>
                    }
                </div>
            </div>
        </div>
        @if (isCicloProdOpen)
        {
            <div class="nav-item px-3 @subArtCss">
                <NavLink class="nav-link" href="Resources">
                    <span class="fa-solid fa-location-dot px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Risorse</span>
                </NavLink>
            </div>
            <div class="nav-item px-3 @subArtCss">
                <NavLink class="nav-link" href="JobRoute">
                    <span class="fa-solid fa-route px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Cicli</span>
                </NavLink>
            </div>
        }
        @* <div class="nav-item px-3">
            <NavLink class="nav-link" href="Resources">
                <span class="fa-solid fa-location-dot px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Risorse</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="JobRoute">
                <span class="fa-solid fa-route px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Cicli</span>
            </NavLink> 
        </div>*@
        <div class="nav-item px-3 py-1">
            <div class="button d-flex justify-content-between align-items-center w-100" style="cursor: pointer; color:#d7d7d7;" @onclick="ToggleContatti">
                <div>
                    <span class="fa-solid fa-address-book px-2 fs-4" aria-hidden="true"></span>
                    @if (showText)
                    {
                        <span>Contatti</span>
                        <i class="fa-solid fa-chevron-@(isContattiOpen ? "up" : "down") small px-2"></i>
                    }
                </div>
            </div>
        </div>
        @if (isContattiOpen)
        {
            <div class="nav-item px-3 @subArtCss">
                <NavLink class="nav-link" href="Customer">
                    <span class="fa-solid fa-users px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Clienti</span>
                </NavLink>
            </div>
            <div class="nav-item px-3 @subArtCss">
                <NavLink class="nav-link" href="Dealer">
                    <span class="fa-solid fa-stamp px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Fornitori</span>
                </NavLink>
            </div>
        }
        @* <div class="nav-item px-3">
            <NavLink class="nav-link" href="Customer">
                <span class="fa-solid fa-users px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Customer</span>
            </NavLink>
        </div> *@
        @* <div class="nav-item px-3">
            <NavLink class="nav-link" href="Dealer">
                <span class="fa-solid fa-stamp px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Dealer</span>
            </NavLink>
        </div> *@
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="Template">
                <span class="fa-solid fa-book-bookmark px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Cataloghi</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="Offers">
                <span class="fa-solid fa-cart-shopping px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Offerte</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="Orders">
                <span class="fa-solid fa-cart-flatbed px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Ordini</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="BuyOrder">
                <span class="fa-solid fa-cart-shopping px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Ordini Fornitore</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="WorkLoadBalance">
                <span class="fa-solid fa-scale-unbalanced px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Carico Macchine</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="ProdPlanner">
                <span class="fa-solid fa-calendar-days px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Planner</span>
            </NavLink>
        </div>

        <div class="nav-item px-3">
            <NavLink class="nav-link" href="GenList">
                <span class="fa-solid fa-list-check px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Anagrafiche</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="ConfList">
                <span class="fa-solid fa-list-check px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Configurazioni</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="stats">
                <span class="fa-solid fa-chart-line px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Stats</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="OffStats">
                <span class="fa-solid fa-chart-line px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Offer Stats</span>
            </NavLink>
        </div>
        

       @*  <div class="nav-item px-3">
            <NavLink class="nav-link" href="scratch">
                <span class="bi bi-cloud-moon px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Scratch</span>
            </NavLink>
        </div>

        <div class="nav-item px-3">
            <NavLink class="nav-link" href="auth">
                <span class="bi bi-lock-fill px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Auth Required</span>
            </NavLink>
        </div> *@

       @*  <AuthorizeView>
            <Authorized>
                <div class="nav-item px-3">
                    <NavLink class="nav-link" href="Account/Manage">
                        <span class="bi bi-person-fill px-2 fs-4" aria-hidden="true"></span> @context.User.Identity?.Name
                    </NavLink>
                </div>
                <div class="nav-item px-3">
                    <form action="Account/Logout" method="post">
                        <AntiforgeryToken />
                        <input type="hidden" name="ReturnUrl" value="@currentUrl" />
                        <button type="submit" class="nav-link">
                            <span class="bi bi-arrow-bar-left px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Logout</span>
                        </button>
                    </form>
                </div>
            </Authorized>
            <NotAuthorized>
                <div class="nav-item px-3">
                    <NavLink class="nav-link" href="Account/Register">
                        <span class="bi bi-person px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Register</span>
                    </NavLink>
                </div>
                <div class="nav-item px-3">
                    <NavLink class="nav-link" href="Account/Login">
                        <span class="bi bi-person-badge px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Login</span>
                    </NavLink>
                </div>
            </NotAuthorized>
        </AuthorizeView> *@
        <div class="nav-item px-3">
            <NavLink class="nav-link bg-dark bg-opacity-50 bg-gradient" href="ResetCache">
                <span class="fa-solid fa-arrows-rotate px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Flush Cache</span>
            </NavLink>
        </div>
    </nav>
</div>