@forelse($products as $product)
    <tr class="product-row" data-product-id="{{ $product->id }}">
        <td class="text-center" style="vertical-align: middle;">
            <input type="checkbox" class="product-checkbox" value="{{ $product->id }}" data-product-id="{{ $product->id }}">
        </td>
        <td class="text-center">
            <img src="{{ $product->image_url }}" alt="{{ $product->name }}" style="width: 50px; height: 50px; object-fit: cover; border-radius: 4px; cursor: pointer;" class="product-image-update" data-product-id="{{ $product->id }}">
        </td>
        <td>{{ $product->name }}</td>
        <td>
            <div class="input-group input-group-sm" style="max-width: none; width: 100%; min-width: 120px;">
                <input type="text" class="form-control sku-input" id="sku-{{ $product->id }}" value="{{ $product->sku ?? '' }}" data-product-id="{{ $product->id }}" data-original="{{ $product->sku ?? '' }}" placeholder="SKU" style="font-size: 13px;">
                <span class="input-group-btn">
                    <button type="button" class="btn btn-default bg-white btn-flat scan-sku-btn" data-product-id="{{ $product->id }}" title="{{ __('lang_v1.scan_barcode') }}" style="padding: 4px 8px;">
                        <i class="fas fa-barcode text-primary" style="font-size: 14px;"></i>
                    </button>
                </span>
            </div>
        </td>
        <td>{{ $product->location_name ?? '-' }}</td>
        <td>{{ $product->category->name ?? '-' }}</td>
        <td>{{ $product->sub_category->name ?? '-' }}</td>
        <td>{{ $product->brand->name ?? '-' }}</td>
        <td class="text-right">{{ number_format($product->qty_available ?? 0, 2, '.', '') }}</td>
        <td>
            <div class="input-group input-group-sm" style="width: 100%; max-width: 130px;">
                <input type="number" class="form-control form-control-sm max-qty-input" id="max-qty-{{ $product->id }}" value="{{ $product->max_quantity ?? '' }}" data-product-id="{{ $product->id }}" data-original="{{ $product->max_quantity ?? '' }}" placeholder="0.00" min="0" step="0.01" style="max-width: 100px;">
                <span class="input-group-addon" style="padding: 0; border: none; background: none;">
                    <button type="button" class="btn btn-default bg-white btn-flat fill-below-btn" data-field="max-qty" data-product-id="{{ $product->id }}" title="تعبئة الحقول أسفل هذا" style="padding: 4px 6px; border-left: 1px solid #ccc; border-radius: 0; margin: 0;">
                        <i class="fas fa-arrow-down text-success" style="font-size: 14px;"></i>
                    </button>
                </span>
            </div>
        </td>
        <td>
            <div class="input-group input-group-sm" style="width: 100%; max-width: 130px;">
                <input type="number" class="form-control form-control-sm alert-qty-input" id="alert-qty-{{ $product->id }}" value="{{ $product->alert_quantity ?? '' }}" data-product-id="{{ $product->id }}" data-original="{{ $product->alert_quantity ?? '' }}" placeholder="0.00" min="0" step="0.01" style="max-width: 100px;">
                <span class="input-group-addon" style="padding: 0; border: none; background: none;">
                    <button type="button" class="btn btn-default bg-white btn-flat fill-below-btn" data-field="alert-qty" data-product-id="{{ $product->id }}" title="تعبئة الحقول أسفل هذا" style="padding: 4px 6px; border-left: 1px solid #ccc; border-radius: 0; margin: 0;">
                        <i class="fas fa-arrow-down text-success" style="font-size: 14px;"></i>
                    </button>
                </span>
            </div>
        </td>

    </tr>
@empty
    <tr>
        <td colspan="11" class="text-center">@lang('lang_v1.no_data')</td>
    </tr>
@endforelse