@using CPRNIMS.Infrastructure.ViewModel;
@using CPRNIMS.Infrastructure.ViewModel.Account;
@using CPRNIMS.Infrastructure.ViewModel.Common;

<div class="sidebar">
    <div class="logo-details">
        <i class="bx bxl-c-plus-plus icon"></i>
        <div class="logo_name">@ViewBag.UserCompany</div>
        <i class="bx bx-menu" id="btn"></i>
    </div>
    <ul class="nav-list">
        <!-- Load partial Admin Nav -->
        @await Html.PartialAsync("PartialView/MenuNav/AllUsers/_AllUsersNav")

        @foreach (var groupedElement in ViewBag.TempDataElements)
        {
            //var firstElement = groupedElement.First(); // Assuming it's a list of elements
            <li>
                <div class="menu-wrapper">
                    @foreach (var accessElementFirst in groupedElement)
                    {
                        ViewBag.IconClassName = @accessElementFirst.IconClassName;
                        ViewBag.IconSpanName = @accessElementFirst.IconSpanName;
                        ViewBag.ToolTipName = @accessElementFirst.ToolTipName;
                    }
                    <a href="#">
                        <i class='@ViewBag.IconClassName'></i>
                        <span class="@ViewBag.IconSpanName">@groupedElement.Key </span>
                    </a>
                    <span class="tooltip">@ViewBag.ToolTipName</span>
                </div>
                <ul class="sub-menu">
                    @foreach (var accessElement in groupedElement)
                    {
                        <li>
                            <a asp-controller="@accessElement.Controller" asp-action="@accessElement.Action">@accessElement.ToolTipName</a>
                        </li>
                    }
                </ul>
            </li>
        }
        @* Load User profile *@
        @await Html.PartialAsync("PartialView/MenuNav/UserProfile/_UpdateUserProfile")
    </ul>
</div>