@foreach($children as $child)
<tr data-id="{{ $child->id }}" data-parent="{{ $parentId }}" class="child-row level-{{ $level }}">
    <td class="w-5"></td>
    <td class="w-5 child-cell">
        <div style="padding-left: {{ $level * 20 }}px;">
            <img src="{{ asset('img/drag-dot.svg') }}" class="drag-handle">
        </div>
    </td>
    <td>
        <div style="padding-left: {{ $level * 20 }}px;">
            {{ $child->name }}
        </div>
    </td>
    <td>{{ $parentName }}</td>
    <td>{{ $child->fields ? count($child->fields) : 0 }}</td>
    <td>{{ $child->value_count ?? 0 }}</td>
    <td>
        <div class="d-flex gap-2 justify-content-end">
            <a href="javascript:void(0);" class="action-btn"
                data-toggle="tooltip" title="Delete"
                data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?"
                data-confirm-yes="event.preventDefault();
                    document.getElementById('delete-form-{{ $child->id }}').submit();"><i
                    class="{{ \Config::get('settings.icon_delete') }}"></i></a>
            {!! html()->form('DELETE', route($routePrefix . '.destroy', $child->id))->attributes([
            'style' => 'display:inline',
            'id' => 'delete-form-' . $child->id,
            ])->open() !!}
            {!! html()->form()->close() !!}
            <a href="{{ route('manages.custom-properties.permissions', $child->id) }}" class="action-btn show-modal-xl" data-toggle="tooltip" title="Permissions"><i class="bx bx-cog"></i></a>
            <a href="{{ route('manages.custom-properties.edit', $child->id) }}" type="button" class="action-btn"><i class="bx bx-pencil"></i></a>
        </div>
    </td>
    <td class="w-5">
        <a href="{{ route('manages.custom-properties.values', $child->id) }}" target="_blank">
            <button disabled type="button" class="btn add-btn">Add/Remove Values</button>
        </a>
    </td>
</tr>

@if(isset($childProperties[$child->id]))
@include('admin.manages.custom-properties.child-rows', [
'children' => $childProperties[$child->id],
'childProperties' => $childProperties,
'allProperties' => $allProperties,
'level' => $level + 1,
'parentName' => $child->name,
'parentId' => $child->id
])
@endif
@endforeach