@using Biskilog_Accounting.Client.Models;
<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
    <div class="app-brand">
        <a href="index.html" class="app-brand-link">
            <span class="app-brand-logo">
                <img src="../icon-512.png" alt="BISKILOG Logo" style="height:60px;">
            </span>
            <span class="app-brand-text menu-text fw-bolder ms-2">BISKILOG</span>
        </a>

        <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
            <i class="bx bx-chevron-left bx-sm align-middle"></i>
        </a>
    </div>

    <div class="menu-inner-shadow"></div>

    <ul class="menu-inner py-1">
        @foreach (NavItem item in Menu.MenuList())
        {
            <MenuItem Item=@item ActiveId="m_activeId" ActiveChanged="HandleMenuClick" />
        }
        <!-- Warehouse
        <li class="menu-header small text-uppercase"><span class="menu-header-text">Warehouse Operations</span></li>
         -->

    </ul>
</aside>


@code {
    private double m_activeId = 1;


    private void HandleMenuClick(double a_selectedId)
    {
        m_activeId = a_selectedId;
        StateHasChanged();
    }
}