@php
    $currentPage = request()->route('page');
@endphp

<div class="left-side-container position-relative" id="sidebar-width">
    <div class="sidebar-scroll-container position-relative bg-primary">
        <div id="sidebarCollapsible" class="sidebar-collapsible collapse collapse-horizontal">
            <div id="sidebar">
                @foreach ($menuItems as $group)
                    @php
                        $hasActiveItem = false;
                        foreach ($group['items'] as $item) {
                            $routeMatches = $currentRoute === $item['route'];
                            
                            // Check if current route belongs to the same resource group
                            $routePrefix = explode('.', $item['route'])[0] ?? '';
                            $currentRoutePrefix = explode('.', $currentRoute)[0] ?? '';
                            $resourceMatches = $routePrefix && $currentRoutePrefix === $routePrefix;
                            
                            $paramsMatch = true;
                            
                            if (isset($item['params'])) {
                                foreach ($item['params'] as $key => $value) {
                                    if (request()->route($key) !== $value) {
                                        $paramsMatch = false;
                                        break;
                                    }
                                }
                            }
                            
                            if (($routeMatches || $resourceMatches) && $paramsMatch) {
                                $hasActiveItem = true;
                                break;
                            }
                        }
                    @endphp
                    
                    <div class="d-flex flex-column">
                        <p class="menu-label"
                        data-bs-toggle="collapse"
                        data-bs-target="#{{ $group['collapse_id'] }}">
                            {{ $group['label'] }}
                        </p>
                        <div class="collapse {{ $hasActiveItem ? 'show' : '' }}"
                            id="{{ $group['collapse_id'] }}">
                            @foreach ($group['items'] as $item)
                                @php
                                    $routeMatches = $currentRoute === $item['route'];
                                    
                                    // Check if current route belongs to the same resource group
                                    $routePrefix = explode('.', $item['route'])[0] ?? '';
                                    $currentRoutePrefix = explode('.', $currentRoute)[0] ?? '';
                                    $resourceMatches = $routePrefix && $currentRoutePrefix === $routePrefix;
                                    
                                    $paramsMatch = true;
                                    
                                    if (isset($item['params'])) {
                                        foreach ($item['params'] as $key => $value) {
                                            if (request()->route($key) !== $value) {
                                                $paramsMatch = false;
                                                break;
                                            }
                                        }
                                    }
                                    
                                    $isActive = ($routeMatches || $resourceMatches) && $paramsMatch;
                                @endphp
                                
                                <a href="{{ route($item['route'], $item['params'] ?? []) }}"
                                class="nav-link {{ $isActive ? 'active' : '' }}">
                                    {{ $item['label'] }}
                                </a>
                            @endforeach
                        </div>
                    </div>
                    <hr>
                @endforeach
            </div>
        </div>
    </div>
</div>

<div id="sidebarOffset" class="sidebar-collapsible flex-shrink-0 collapse collapse-horizontal">
    <div class="sidebar-size-offset"></div>
</div>