@inherits BaseComp

<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">@Traduci("navMan_home")</span>
                }
            </NavLink>
        </div>
        <GroupElem NameList="@(NameDict.GetValueOrDefault("Articoli"))" PageList="@(PageDict.GetValueOrDefault("Articoli"))" IconList="@(IconDict.GetValueOrDefault("Articoli"))" ShowText="@(showText)"></GroupElem>
        <GroupElem NameList="@(NameDict.GetValueOrDefault("CicloProd"))" PageList="@(PageDict.GetValueOrDefault("CicloProd"))" IconList="@(IconDict.GetValueOrDefault("CicloProd"))" ShowText="@(showText)"></GroupElem>
        <GroupElem NameList="@(NameDict.GetValueOrDefault("Contatti"))" PageList="@(PageDict.GetValueOrDefault("Contatti"))" IconList="@(IconDict.GetValueOrDefault("Contatti"))" ShowText="@(showText)"></GroupElem>
        <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">@Traduci("navMan_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">@Traduci("navMan_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">@Traduci("navMan_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">@Traduci("navMan_ordiniFornitore")</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">@Traduci("navMan_caricoMacchine")</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">@Traduci("navMan_pianificazione")</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">@Traduci("navMan_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">@Traduci("navMan_config01")</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="ConfListNew">
                <span class="fa-solid fa-list-check px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">@Traduci("navMan_config02")</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">@Traduci("navMan_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">@Traduci("navMan_offerStats")</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">@Traduci("navMan_flushCache")</span>
            </NavLink>
        </div>
    </nav>
</div>