@php
    $idx = $idx ?? 0;
    $row = $row ?? [];
    $thumb = $row['thumbnail'] ?? null;
    $name = $row['name'] ?? '';
    $price = $row['price'] ?? 0;
    $qty = $row['qty'] ?? 1;
    $productId = $row['product_id'] ?? '';
    $variantId = $row['variant_id'] ?? '';
    $lineTotal = (float) $price * (int) $qty;
    $cartKey = $productId . ':' . ($variantId ?: '');
@endphp
<tr class="co-item-row order-item" data-cart-key="{{ $cartKey }}">
    <td data-label="Product">
        <div class="d-flex align-items-start gap-2">
            @if($thumb)
            <img src="{{ str_starts_with($thumb, 'http') ? $thumb : asset($thumb) }}" alt="" class="co-thumb co-item-thumb">
            @else
            <div class="co-thumb co-thumb-empty co-item-thumb"><i class="fas fa-box"></i></div>
            @endif
            <div class="flex-grow-1 co-item-name-wrap">
                <div class="co-item-name fw-semibold">{{ $name }}</div>
                <input type="hidden" class="co-item-name-input" name="items[{{ $idx }}][name]" value="{{ $name }}" required>
                <input type="hidden" class="product-id-input" name="items[{{ $idx }}][product_id]" value="{{ $productId }}">
                <input type="hidden" class="product-variant-id-input" name="items[{{ $idx }}][variant_id]" value="{{ $variantId }}">
                <input type="hidden" class="product-size-input" name="items[{{ $idx }}][size]" value="{{ $row['size'] ?? '' }}">
                <input type="hidden" class="product-color-input" name="items[{{ $idx }}][color]" value="{{ $row['color'] ?? '' }}">
            </div>
        </div>
    </td>
    <td data-label="Price">
        <input type="number" class="form-control form-control-sm item-price" name="items[{{ $idx }}][price]"
               value="{{ $price }}" min="0" step="1">
    </td>
    <td data-label="Qty">
        <div class="co-qty-wrap">
            <button type="button" class="co-qty-btn co-qty-minus" tabindex="-1">−</button>
            <input type="number" class="form-control form-control-sm item-qty text-center" name="items[{{ $idx }}][qty]"
                   value="{{ $qty }}" min="1">
            <button type="button" class="co-qty-btn co-qty-plus" tabindex="-1">+</button>
        </div>
    </td>
    <td data-label="Total">
        <span class="co-line-total fw-semibold">৳{{ number_format($lineTotal) }}</span>
    </td>
    <td data-label="" class="text-center">
        <button type="button" class="btn btn-sm btn-outline-danger co-remove-item" title="Remove">
            <i class="fas fa-times"></i>
        </button>
    </td>
</tr>