@php
$user = auth()->user();
$role = $user->roles->pluck('name')[0];
@endphp
<div class="app-menu navbar-menu">
    <!-- LOGO -->
    <div class="navbar-brand-box">
        <!-- Dark Logo-->
        <a href="" class="logo logo-dark">
            <span class="logo-sm">
                <img src="{{ asset('admin/images/logo.png') }}" alt="" height="22" />
            </span>
            <span class="logo-lg">
                <img src="{{ asset('admin/images/logo-dark.png') }}" alt="" height="30" />
            </span>
        </a>
        <!-- Light Logo-->
        <a href="" class="logo logo-light">
            <span class="logo-sm">
                <img src="{{ asset('admin/images/feb.png') }}" alt="" height="22" />
            </span>
            <span class="logo-lg">
                <img src="{{ asset('admin/images/logo.png') }}" alt="" height="30" />
            </span>
        </a>
        <button type="button" class="btn btn-sm p-0 fs-20 header-item float-end btn-vertical-sm-hover" id="vertical-hover">
            <i class="ri-record-circle-line"></i>
        </button>
    </div>

    <div id="scrollbar">
        <div class="container-fluid">
            <div id="two-column-menu"></div>
            <ul class="navbar-nav" id="navbar-nav">
                <li class="menu-title"><span data-key="t-menu">Menu</span></li>

                <!-- Dashboard -->
                <li class="nav-item">
                    <a class="nav-link menu-link {{ request()->routeIs('dashboard') ? 'active' : '' }}" href="{{ route('dashboard') }}">
                        <i class="ri-dashboard-2-line"></i>
                        <span data-key="t-dashboards">Dashboard</span>
                    </a>
                </li>
                
                  <!-- Inward -->
                @if ($role == 'Inward' || $role == 'Super Admin' || $user['name'] == 'dycheifengineer')
                 <li class="nav-item">
                    <a class="nav-link menu-link {{ request()->routeIs('inward') ? 'active' : '' }}" href="{{ route('inwardfile.index') }}">
                       <i class="mdi mdi-arrow-bottom-left-bold-box-outline"></i>
                        <span data-key="t-dashboards">Inward</span>
                    </a>
                </li>
              
                @endif
                
               

                <!-- Outward -->
                @if ($role == 'Inward' || $role == 'Super Admin' || $role == 'outward' || $user['name'] == 'dycheifengineer')
                    <li class="nav-item">
                    <a class="nav-link menu-link {{ request()->routeIs('outward') ? 'active' : '' }}" href="{{ route('outwardfile.index') }}">
                     <i class="mdi mdi-arrow-top-right-bold-box-outline"></i>
                        <span data-key="t-dashboards">Forward</span>
                    </a>
                </li>
              
                @endif

                @if ($role == 'Inward' || $role == 'Super Admin' || $role == 'outward' || $user['name'] == 'dycheifengineer')
                    <li class="nav-item">
                    <a class="nav-link menu-link {{ request()->routeIs('outward') ? 'active' : '' }}" href="{{ route('forwardlist') }}">
                         <i class="mdi mdi-arrow-top-right-bold-box-outline"></i>
                            <span data-key="t-dashboards">Forward List</span>
                        </a>
                    </li>
              
                @endif
              
                @if ($role == 'Inward' || $role == 'Super Admin' || $role == 'outward' || $user['name'] == 'dycheifengineer')
                 <li class="nav-item">
                    <a class="nav-link menu-link {{ request()->routeIs('status_list') ? 'active' : '' }}" href="{{ route('status_list') }}">
                        <i class="ri-dashboard-2-line"></i>
                        <span data-key="t-dashboards">Search Daily</span>
                    </a>
                </li>
                @endif
                <!-- Masters -->
                @if ($role == 'Super Admin')
                <li class="nav-item" id="masters-menu">
                    <a class="nav-link menu-link {{ request()->is('masters/*') ? 'active' : '' }}" href="#sidebarLayouts" data-bs-toggle="collapse" role="button" aria-expanded="{{ request()->is('masters/*') ? 'true' : 'false' }}" aria-controls="sidebarLayouts">
                        <i class="ri-layout-3-line"></i>
                        <span data-key="t-layouts">Masters</span>
                    </a>
                    <div class="collapse menu-dropdown {{ request()->is('masters/*') ? 'show' : '' }}" id="sidebarLayouts">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{ route('wards.index') }}" class="nav-link {{ request()->routeIs('wards.index') ? 'active' : '' }}" data-key="t-horizontal">Ward</a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('departments.index') }}" class="nav-link {{ request()->routeIs('departments.index') ? 'active' : '' }}" data-key="t-horizontal">Departments</a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('subdepartments.index') }}" class="nav-link {{ request()->routeIs('subdepartments.index') ? 'active' : '' }}" data-key="t-horizontal">Sub Departments</a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('deliverymode.index') }}" class="nav-link {{ request()->routeIs('deliverymode.index') ? 'active' : '' }}" data-key="t-horizontal">Delivery Mode</a>
                            </li>
                            <!--<li class="nav-item">-->
                            <!--    <a href="{{ route('lettertype.index') }}" class="nav-link {{ request()->routeIs('lettertype.index') ? 'active' : '' }}" data-key="t-horizontal">Letter Type</a>-->
                            <!--</li>-->
                            <li class="nav-item">
                                <a href="{{ route('vip.index') }}" class="nav-link {{ request()->routeIs('vip.index') ? 'active' : '' }}" data-key="t-horizontal">VIP</a>
                            </li>
                            <li class="nav-item">
                                <a href="{{ route('external_dep.index') }}" class="nav-link {{ request()->routeIs('external_dep.index') ? 'active' : '' }}" data-key="t-horizontal">External Department</a>
                            </li>
                        </ul>
                    </div>
                </li>
                @endif
                @if($role == 'Super Admin')
                <!-- User Management -->
                @canany(['users.view', 'roles.view'])
                <li class="nav-item" id="user-management-menu">
                    <a class="nav-link menu-link {{ request()->is('usermanagement/*') ? 'active' : '' }}" href="#sidebarUserManagement" data-bs-toggle="collapse" role="button" aria-expanded="{{ request()->is('usermanagement/*') ? 'true' : 'false' }}" aria-controls="sidebarUserManagement">
                        <i class="bx bx-user-circle"></i>
                        <span data-key="t-layouts">User Management</span>
                    </a>
                    <div class="collapse menu-dropdown {{ request()->is('usermanagement/*') ? 'show' : '' }}" id="sidebarUserManagement">
                        <ul class="nav nav-sm flex-column">
                            @can('users.view')
                            <li class="nav-item">
                                <a href="{{ route('users.index') }}" class="nav-link {{ request()->routeIs('users.index') ? 'active' : '' }}" data-key="t-horizontal">Users</a>
                            </li>
                            @endcan
                            @can('roles.view')
                            <li class="nav-item">
                                <a href="{{ route('roles.index') }}" class="nav-link {{ request()->routeIs('roles.index') ? 'active' : '' }}" data-key="t-horizontal">Roles</a>
                            </li>
                            @endcan
                        </ul>
                    </div>
                </li>
                @endcan
                 @endif
                  <!-- Acknowledge -->
                <!--@if ($role == 'Department' || $role == 'Super Admin')-->
                <!--<li class="nav-item" id="acknowledge-menu">-->
                <!--    <a class="nav-link menu-link {{ request()->is('acknowledge/*') ? 'active' : '' }}" href="#sidebarAcknowledge" data-bs-toggle="collapse" role="button" aria-expanded="{{ request()->is('acknowledge/*') ? 'true' : 'false' }}" aria-controls="sidebarAcknowledge">-->
                <!--        <i class="mdi mdi-file-sign"></i>-->
                <!--        <span data-key="t-layouts">Acknowledge</span>-->
                <!--    </a>-->
                <!--    <div class="collapse menu-dropdown {{ request()->is('acknowledge/*') ? 'show' : '' }}" id="sidebarAcknowledge">-->
                <!--        <ul class="nav nav-sm flex-column">-->
                <!--            <li class="nav-item">-->
                <!--                <a href="{{ route('Department_inwardoutward.index') }}" class="nav-link {{ request()->routeIs('Department_inwardoutward.index') ? 'active' : '' }}" data-key="t-horizontal">Acknowledge</a>-->
                <!--            </li>-->
                <!--            <li class="nav-item">-->
                <!--                <a href="{{ route('acknowlege_list') }}" class="nav-link {{ request()->routeIs('acknowlege_list') ? 'active' : '' }}" data-key="t-horizontal">Acknowledge List</a>-->
                <!--            </li>-->
                <!--        </ul>-->
                <!--    </div>-->
                <!--</li>-->
                <!--@endif-->
                
                  @if($role == 'Department' || $role == 'Super Admin')
                 <li class="nav-item">
                    <a class="nav-link menu-link {{ request()->routeIs('acknowledge') ? 'active' : '' }}" href="{{ route('Department_inwardoutward.index') }}">
                       <i class="mdi mdi-arrow-bottom-left-bold-box-outline"></i>
                        <span data-key="t-dashboards">Acknowledge List</span>
                    </a>
                </li>
              
                @endif


                @if($role == 'Department' || $role == 'Super Admin')
                 <li class="nav-item">
                    <a class="nav-link menu-link {{ request()->routeIs('acknowledge') ? 'active' : '' }}" href="{{ route('acknowlege_list') }}">
                       <i class="mdi mdi-arrow-bottom-left-bold-box-outline"></i>
                        <span data-key="t-dashboards">Accepted List</span>
                    </a>
                </li>
              
                @endif
                
                  @if ($role == 'Inward' || $role == 'Super Admin' || $user['name'] == 'dycheifengineer')
                 <li class="nav-item">
                    <a class="nav-link menu-link {{ request()->routeIs('inward') ? 'active' : '' }}" href="{{ route('inwardreport') }}">
                       <i class="mdi mdi-arrow-bottom-left-bold-box-outline"></i>
                        <span data-key="t-dashboards">Report</span>
                    </a>
                </li>
              
                @endif
              
            </ul>
        </div>
    </div>

    <div class="sidebar-background"></div>
</div>

<div class="vertical-overlay"></div>

<!-- JavaScript to manage menu state -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    const currentPath = window.location.pathname;

    // Define menu IDs and paths
    const menus = {
        'masters-menu': '/masters/',
        'user-management-menu': '/usermanagement/',
        'inward-menu': '/inward/',
        'outward-menu': '/outward/',
        'acknowledge-menu': '/acknowledge/'
    };

    // Loop through each menu and set the aria-expanded attribute
    for (const [menuId, path] of Object.entries(menus)) {
        const menuElement = document.getElementById(menuId);
        if (menuElement) {
            const toggleLink = menuElement.querySelector('a[data-bs-toggle="collapse"]');
            const collapseDiv = document.getElementById(toggleLink.getAttribute('aria-controls'));
            const isActive = currentPath.startsWith(path);

            if (isActive) {
                toggleLink.setAttribute('aria-expanded', 'true');
                collapseDiv.classList.add('show');
            } else {
                toggleLink.setAttribute('aria-expanded', 'false');
                collapseDiv.classList.remove('show');
            }
        }
    }
});
</script>