@if($data->isNotEmpty())
    <ul>
        @foreach($data as $item)
            <li>
                <div class="treeview__level" data-level="1" data-id="{{ $item->id }}">
                    <div class="level-title">{{ $item->logical_frame }}</div>
                    <div class="level-indicator">IK: {{ $item->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($item->childrenLogicFrames->isNotEmpty())
                        @include('pagesV2.adminSkpd.logical-frame.child', ['child_data' => $item->childrenLogicFrames, 'level' => 2])
                    @endif
                </ul>

            </li>
        @endforeach
    </ul>
@else
    <div class="alert alert-warning mb-0" role="alert">
        <strong>Informasi!</strong> Data tidak dapat ditampilkan.
    </div>
@endif