{{-- Keep this markup identical to what you normally render in @include('pos.product') --}}
<div class="products grid products-grid">
  <div class="row g-2">
    @foreach($products as $p)
      <div class="col-6 col-md-4 col-lg-3">
        <div class="product-card"
             data-product_id="{{ $p->id }}"
             data-unit_price="{{ $p->sale_price }}">
          {{-- Thumbnail optional --}}
          {{-- <img src="{{ $p->image_url ?? asset('assets/img/no-image.png') }}" alt=""> --}}
          <div class="fw-semibold">{{ $p->name }}</div>
          <div class="small text-muted">Code: {{ $p->product_code }}</div>
          <div class="fw-bold">৳ {{ number_format($p->sale_price, 2) }}</div>
        </div>
      </div>
    @endforeach
  </div>
</div>