{{-- renderMenu.blade.php --}}

{{-- Read JSON file --}}
@php
    $menuData = file_get_contents('verticalMenu.json');
    $menuArray = json_decode($menuData, true);
@endphp

{{-- Function to check if user has permission for a given slug --}}
@php
    function hasPermission($slug) {
        // Implement your permission logic here
        // For example, check if the user has permission to access the given slug
        return true; // Return true or false based on permission
    }
@endphp

{{-- Render menu --}}
<ul>
    @foreach ($menuArray['menu'] as $menuItem)
        {{-- Check if the user has permission for the menu item --}}
        @if (hasPermission($menuItem['slug']))
            <li>
                <a href="{{ $menuItem['url'] }}">
                    <i class="{{ $menuItem['icon'] }}"></i>
                    {{ $menuItem['name'] }}
                </a>
                {{-- Check if the menu item has submenu --}}
                @isset($menuItem['submenu'])
                    <ul>
                        @foreach ($menuItem['submenu'] as $submenuItem)
                            {{-- Check if the user has permission for the submenu item --}}
                            @if (hasPermission($submenuItem['slug']))
                                <li>
                                    <a href="{{ $submenuItem['url'] }}">
                                        {{ $submenuItem['name'] }}
                                    </a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                @endisset
            </li>
        @endif
    @endforeach
</ul>