@foreach($child_data as $chd_data)
    <li>
        <div class="treeview__level" data-level="{{ $level }}" data-id="{{ $chd_data->id }}">
            <div class="level-title">{{ $chd_data->logical_frame }}</div>
            <div class="level-indicator">IK: {{ $chd_data->indicator }}</div>
            <div class="treeview__level-btns">
                <button type="button" class="btn btn-primary btn-sm level-sub">
                    <i class="fa fa-cogs text-info"></i> Tambah Sub
                </button>
                <button type="button" class="btn btn-success btn-sm level-edit">
                    <i class="fa fa-pencil-alt text-warning"></i> Edit
                </button>
                <button class="btn btn-warning btn-sm text-white level-remove">
                    <i class="fa fa-trash text-danger"></i> Hapus
                </button>
            </div>
        </div>
        <ul>
            @if($chd_data->childrenLogicFrames->isNotEmpty())
                @include('pagesV2.adminSkpd.logical-frame.child', ['child_data' => $chd_data->childrenLogicFrames, 'level' => $level + 1])
            @endif
        </ul>

    </li>
@endforeach