<div class="sidebar-wrapper">
    <nav class="mt-2">
        <ul
            class="nav sidebar-menu flex-column"
            data-lte-toggle="treeview"
            role="menu"
            data-accordion="false"
        >
            @foreach($menuPoints as $menuPoint)
                @if (isset($menuPoint['child']))
                    <li class="nav-item {{ $menuPoint['is_open'] ? 'menu-open' : '' }}">
                        <a class="nav-link {{ $menuPoint['is_open'] ? 'active' : '' }}"><p>{{ $menuPoint['title'] ?? '' }}<i class="nav-arrow bi bi-chevron-right"></i></p></a>

                        @foreach($menuPoint['child'] as $child)
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="{{ route($child['route']) }}" class="nav-link {{ $child['is_active'] ? 'active' : '' }}">
                                        <i class="nav-icon bi {{ $child['icon'] ?? '' }}"></i>
                                        <p>{{ $child['title'] ?? '' }}</p>
                                    </a>
                                </li>
                            </ul>
                        @endforeach

                    </li>
                    @continue
                @endif
                <li class="nav-item">
                    <a href="{{ route($menuPoint['route']) }}" class="nav-link {{ $menuPoint['is_active'] ? 'active' : '' }}">
                        <p>{{ $menuPoint['title'] ?? '' }}</p>
                    </a>
                </li>
            @endforeach
        </ul>
    </nav>
</div>