@php
    // Ensure $products_to_loop is always iterable and each item is an object
    if ($product instanceof \Illuminate\Support\Collection) {
        $products_to_loop = $product->map(function($p){ return (object)$p; });
    } elseif (is_array($product)) {
        $products_to_loop = collect($product)->map(function($p){ return (object)$p; });
    } else {
        $products_to_loop = collect([$product]);
    }

    if (is_array($product) || $product instanceof \Illuminate\Support\Collection) {
        $row_index_start = $row_index; // original index from request
        foreach ($product as $key => $p) {
            $p->row_index = $row_index_start + $key; // assign unique row_index per variation
        }
    } else {
        $product->row_index = $row_index;
    }
@endphp

@foreach($products_to_loop as $product)
    <tr class="product_row">
        <td>
            {{ $product->name }}
        </td>
        <td>
            {{ $product->sku }}
        </td>
        <td class="text-center">
            @if(!empty($product->image))
                    @php
                // تحديد مسار الصورة بناءً على كيفية تخزينها في قاعدة البيانات
                $image_path = $product->image;
                $default_image = asset('images/default-product.png');
                
                // تحويل المسار إلى URL صحيح
                if (!empty($image_path)) {
                   
                        $image_url = asset('uploads/img/' . basename($image_path));
                    
                } else {
                    $image_url = $default_image;
                }
            @endphp
                <img src="{{ $image_url }}" 
                     alt="{{ $product->name }}" 
                     style="width: 50px; height: 50px; object-fit: cover; border-radius: 4px;"
                     onerror="this.src='{{ asset('img/default.png') }}'; this.alt='صورة افتراضية';">
            @else
                <img src="{{ asset('img/default.png') }}" 
                     alt="لا توجد صورة" 
                     style="width: 50px; height: 50px; object-fit: cover; border-radius: 4px;">
            @endif
        </td>
        <td class="text-center">
            <i class="fa fa-trash remove-product cursor-pointer" 
               aria-hidden="true"
               style="color: #dc3545; font-size: 16px; cursor: pointer;"
               title="حذف المنتج"></i>
            <!-- حقل مخفي لحفظ product_id -->
            <input type="hidden" name="product_ids[]" value="{{ $product->id }}">
        </td>
    </tr>
@endforeach