@foreach($menus->where('parent_id', $parentId) as $menu)
    @php
        $children = $menus->where('parent_id', $menu->id);
        $permission = DB::table('menu_roles')
            ->where('role_id', $roleId)
            ->where('menu_id', $menu->id)
            ->first();
            $level = $level ?? 0;
    @endphp

    {{-- If this menu has children --}}
    @if($children->count() > 0)

        <tr class="bg-light-gray">
            <td colspan="5">
                <div class="d-flex align-items-center justify-content-between" style="padding-left: {{ $level * 20 }}px;">
                    <span class="collapse-toggle"
                        data-role="{{ $roleId }}"
                        data-parent="{{ $menu->id }}"
                        data-target="#menu-{{ $roleId }}-{{ $menu->id }}">
                        <i class="fa fa-chevron-right"></i>
                        <strong>{{ __($menu->translate_name) ?? $menu->name }}</strong>
                    </span>

                    {{-- Parent checkbox --}}
                    <input type="checkbox"
                        class="assign-role-permission parent-permission-checkbox {{$roleId}}-{{$menu->id}}"
                        style="display:none"
                        data-role-id="{{ $roleId }}"
                        data-permission-type="is_read"
                        data-permission-id="{{ $menu->id }}"
                        data-size="small"
                        data-color="#00c292"
                        @if($permission) checked @endif>
                </div>
            </td>
        </tr>

        <tr class="child-row" id="menu-{{ $roleId }}-{{ $menu->id }}">
            <td colspan="5" class="p-0">
                <table class="table mb-0">
                    <tbody>
                        {{-- Render children recursively --}}
                        @include('admin.role-permission.partials.menu-tree', [
                            'menus' => $menus,
                            'parentId' => $menu->id,
                            'roleId' => $roleId,
                            'hasParent' => isset($menu->parent_id) ? 1 :0,
                            'level' => ($level ?? 0) + 1   // add this
                        ])
                    </tbody>
                </table>
            </td>
        </tr>

    {{-- If this menu has no children --}}
    @else
        <tr>
            <td style="width:40%;padding-left:40px;">
                {{ __($menu->translate_name) ?? $menu->name }}
            </td>
            <td class="text-center">
                <input type="checkbox"
                    class="js-switch assign-role-permission permission_{{ $roleId }}"
                    data-permission-type="is_read"
                    data-parent-id="{{ $parentId }}"
                    data-permission-id="{{ $menu->id }}"
                    data-role-id="{{ $roleId }}"
                    data-size="small" data-color="#00c292"
                    @if($permission && $permission->is_read) checked @endif>
            </td>
            <td class="text-center">
                <input type="checkbox"
                    class="js-switch assign-role-permission permission_{{ $roleId }}"
                    data-permission-type="is_write"
                    data-parent-id="{{ $parentId }}"
                    data-permission-id="{{ $menu->id }}"
                    data-role-id="{{ $roleId }}"
                    data-size="small" data-color="#00c292"
                    @if($permission && $permission->is_write) checked @endif>
            </td>
            <td class="text-center">
                <input type="checkbox"
                    class="js-switch assign-role-permission permission_{{ $roleId }}"
                    data-permission-type="is_delete"
                    data-parent-id="{{ $parentId }}"
                    data-permission-id="{{ $menu->id }}"
                    data-role-id="{{ $roleId }}"
                    data-size="small" data-color="#00c292"
                    @if($permission && $permission->is_delete) checked @endif>
            </td>
        </tr>
    @endif
@endforeach