<div style="background: #fff; border: solid 1px #e6ecf5; z-index: 999; height: 100%;">
    @if (!$collapsed)
        <div style="height: 65px; padding: 12px 0; text-align: center; border-bottom: 1px solid #e6ecf5;">
            <!-- Replace with actual logo image -->
            <img src="{{ asset('images/logo.png') }}" style="height: 40px;" alt="Logo" />
        </div>
    @else
        <div style="height: 32px; margin: 16px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('{{ asset('images/logo.png') }}');"></div>
    @endif
    <ul style="border-right: {{ $collapsed ? '0' : 'none' }}; height: 90vh; overflow: auto; padding-top: 17px; list-style: none; padding: 0;">
        @foreach ($navigation as $item)
            @if ($item['access'])
                @if (isset($item['child']))
                    <li style="margin-bottom: 10px;">
                        <details>
                            <summary style="padding: 0 24px; cursor: pointer;">
                                <span style="margin-right: 8px;">{{ $item['icon'] ? '<i class="anticon anticon-' . $item['icon'] . '"></i>' : '' }}</span>
                                <span>{{ $item['label'] }}</span>
                            </summary>
                            <ul style="padding-left: 24px;">
                                @foreach ($item['child'] as $subItem)
                                    @if ($subItem['access'])
                                        <li style="margin-bottom: 5px;">
                                            <a href="{{ $subItem['path'] }}" style="padding-left: 15px; display: block;">
                                                {{ $subItem['icon'] ? '<i class="anticon anticon-' . $subItem['icon'] . '"></i>' : '' }}
                                                {{ $subItem['label'] }}
                                            </a>
                                        </li>
                                    @endif
                                @endforeach
                            </ul>
                        </details>
                    </li>
                @else
                    <li style="margin-bottom: 10px;">
                        <a href="{{ $item['path'] }}" style="padding: 0 24px; display: block;">
                            {{ $item['icon'] ? '<i class="anticon anticon-' . $item['icon'] . '"></i>' : '' }}
                            <span>{{ $item['label'] }}</span>
                        </a>
                    </li>
                @endif
            @endif
        @endforeach
    </ul>
</div>