@if ($operation->pivot->subproduct_id)
                        
                        @php
                            $counter ++;
                        @endphp
                        
                            @foreach($product_list as $productpart)
   
                                @include('livewire.item.itemslist') 
                            @endforeach
                        
                        @else
                        
                        @php
                            $backgroundclass = "level".$counter." bg-purple-".(100 * $counter);
                        @endphp
                   
                   <tr class="{{$backgroundclass}}">
                        <td class="border px-4 py-2 text-center w-80">
                            @livewire('component.edit-field',['id'=>$operation->id,'object'=>'Operation','field'=>'name'], key(rand() * $operation->id))
                        </td>
                        <td class="border px-4 py-2 text-center w-32">
                            
                        {{ $operation->operation_type->name }}
                            </td>
                        <td class="border px-4 py-2 text-center w-32">
                            {{ $operation->sortcode }}
                        </td>


                        <td class="border px-4 py-2 text-center w-32">{{ $operation->machine_time }}</td>

                        <td class="border px-4 py-2 text-center w-32">{{ $operation->labour_time }}</td>

                        <td class="border px-4 py-2 text-center truncate hover:text-clip w-32">{{ $operation->description }}</td>

                        <td class="border px-4 py-2 text-center  w-20">&pound;{{ $operation->final_cost }}</td>
                        <td class="border px-4 py-2 text-center  w-20">
                            @livewire('component.edit-field',['id'=>$operation->pivot->id,'object'=>'ProductOperation','field'=>'qty'], key(rand() * $operation->pivot->id))
                        </td>
                        <td class="border px-4 py-2 text-center  w-20">&pound;{{ $operation->final_cost * $operation->pivot->qty }}</td>
                        <td class="border px-4 py-2 text-center  w-20">
                            @livewire('component.edit-field',['id'=>$operation->pivot->id,'object'=>'ProductOperation','field'=>'rank'], key(rand() * $operation->pivot->id))
                        </td>


                        <td class="border px-4 py-2 w-40">
                        <div class="w-full sm:w-auto flex-none flex flex-col-reverse sm:flex-row sm:items-start space-y-3 space-y-reverse sm:space-y-0 sm:space-x-3 mx-auto xl:mx-0">
                        <a class="group flex" wire:click="edit({{ $operation->id }},2)" title="edit" alt="edit"><x-icon.edit /></a>
                        <a class="group flex" href="/operation-detail/{{ $operation->id }}?return=builderx&returnid={{ $product->id }}" title="View Details" alt="View Details"><x-icon.productdetails /></a>
            
                        <a class="group flex" wire:click="delete({{ $operation->pivot->id }},2)" title="Delete" alt="Delete"><x-icon.bin /></a>
                        
                        </div>
                        </td>
                    </tr>
                       @endif