@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">
            @if($permission['destroy'])
                <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() !!}
            @endif
             
            {!! $permission['edit'] ? '<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>' : '' !!}
            {!! $permission['edit'] ? '<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">
        {!! 
            $permission['create'] ?  
            '<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