@inject NavigationManager NavMan
@inject ListSelectDataSrv MDataService

@* <div class="row w-100 slideMen"> *@
@* <div class="row w-100 slideMen">
    <div class="col-4">
        <MP_TAB.Client.Components.SlideMenu MenuItems="@MenuItems"></MP_TAB.Client.Components.SlideMenu>
    </div>
    <div class="col-4">
    </div>
    <div class="col-4">
    </div>
</div>
 *@
@* <div class="top-row ps-3 navbar navbar-dark">
    <div class="container-fluid">
        <a class="navbar-brand" href="">MyBlazorWeb</a>
    </div>
</div> *@
@* <input type="checkbox" title="Navigation menu" class="navbar-toggler" /> *@

@* <div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()"> *@
<div class="nav-scrollable">
    <div class="bg-dark text-center py-2">
        <i class="fa-solid fa-link"></i> &nbsp; <span class="fw-bold">Link diretti</span>
    </div>
    <nav class="flex-column">

        @if (MenuItems != null && MenuItems.Count > 0)
        {
            foreach (var item in MenuItems)
            {
                <div class="nav-item px-2">
                    <NavLink class="nav-link px-2" href="@item.NavigateUrl">
                        <i class="fa fa-lg @item.icona pe-2" aria-hidden="true"></i> @item.Testo
                    </NavLink>
                </div>
            }
        }

        <br />

        <div class="nav-item px-2">
            <NavLink class="nav-link px-2" href="" Match="NavLinkMatch.All">
                <span class="bi bi-house-door-fill" aria-hidden="true"></span> Home
            </NavLink>
        </div>
        <div class="nav-item px-2">
            <NavLink class="nav-link px-2" href="counter">
                <span class="bi bi-plus-square-fill" aria-hidden="true"></span> Counter
            </NavLink>
        </div>
        <div class="nav-item px-2">
            <NavLink class="nav-link px-2" href="weather">
                <span class="bi bi-list-nested" aria-hidden="true"></span> Weather
            </NavLink>
        </div>
        <div class="nav-item px-2">
            <NavLink class="nav-link px-2" href="CardDemo">
                <span class="bi bi-plus-square-fill" aria-hidden="true"></span> CardDemo
            </NavLink>
        </div>

    </nav>
</div>

@code{

    [Parameter]
    public List<LinkMenu> MenuItems { get; set; } = new List<LinkMenu>();
}