{{-- resources/views/products/partials/card.blade.php --}}
@props(['p'])
<div class="product-card">
  <img src="{{ getImage('product', $p->image) }}" alt="{{ $p->name }}">
  <div class="body">
    <div class="name">{{ Str::limit($p->name, 40) }}</div>
    <div class="meta">
      Code: {{ $p->product_code ?? '-' }} • SKU: {{ $p->product_sku ?? '-' }}<br>
      {{ $p->brand->name ?? '-' }} • {{ $p->category->name ?? '-' }}{{ $p->subCategory? ' › '.$p->subCategory->name : '' }}
    </div>
    <div class="d-flex justify-content-between align-items-center mt-2">
      <a href="{{ route('product.show', $p->id) }}" class="btn btn-sm btn-outline-secondary">View</a>
      <div class="price">{{ numberformat($p->sale_price) }}</div>
    </div>
  </div>
</div>