@php
    $idx = $idx ?? 0;
    $row = $row ?? [];
    $item = $item ?? null;
    $thumb = $item?->product_thumbnail ?? $item?->product?->thumbnail ?? null;
    $name = $row['name'] ?? '';
    $price = $row['price'] ?? 0;
    $qty = $row['qty'] ?? 1;
    $lineTotal = (float) $price * (int) $qty;
@endphp
<tr class="co-item-row order-item">
    <td data-label="Product">
        <div class="d-flex align-items-start gap-2">
            @if($thumb)
            <img src="{{ asset($thumb) }}" alt="" class="co-thumb">
            @else
            <div class="co-thumb co-thumb-empty"><i class="fas fa-box"></i></div>
            @endif
            <div class="flex-grow-1 product-search-wrap">
                <input type="text"
                       class="form-control form-control-sm product-search-input"
                       name="items[{{ $idx }}][name]"
                       value="{{ $name }}"
                       placeholder="Search product..."
                       autocomplete="off"
                       required>
                <input type="hidden" class="product-id-input" name="items[{{ $idx }}][product_id]" value="{{ $row['product_id'] ?? '' }}">
                <input type="hidden" class="product-variant-id-input" name="items[{{ $idx }}][variant_id]" value="{{ $row['variant_id'] ?? '' }}">
                <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 class="product-search-dropdown"></div>
            </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">−</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">+</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>