{{--
  Product card.
  @include('partials.product-card', ['p' => $product])
  optional: 'flash' => true (stock bar), 'variant' => 'shop' (full-width Add to cart button)
--}}
@php
  $flash = $flash ?? false;
  $variant = $variant ?? 'home';
  $off = $p->discount_percent;
  $sold = $flash ? min(95, 40 + ($p->id * 7) % 55) : 0;
@endphp
<div class="product {{ $p->in_stock ? '' : 'is-oos' }}">
  <a href="{{ route('product.show', $p) }}" class="thumb">
    @if ($p->image_url)
      <img src="{{ $p->image_url }}" alt="{{ $p->name }}" loading="lazy" class="emo" style="width:100%;height:100%;object-fit:cover">
    @else
      <span class="emo">{{ $p->icon ?: '📦' }}</span>
    @endif
    @if ($off)
      <span class="p-badge">-{{ $off }}%</span>
    @elseif ($p->badge)
      <span class="p-badge {{ $p->badge === 'New' ? 'new' : '' }}">{{ $p->badge }}</span>
    @endif
    @unless ($p->in_stock)<span class="oos-tag">Out of Stock</span>@endunless
  </a>
  <div class="p-actions">
    <button type="button" data-wish="{{ $p->id }}" aria-label="Wishlist"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 14S2 10.3 2 6.2A3.2 3.2 0 0 1 8 4.4a3.2 3.2 0 0 1 6 1.8C14 10.3 8 14 8 14z"/></svg></button>
    <a href="{{ route('product.show', $p) }}" aria-label="Quick view" style="width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.1);display:grid;place-items:center"><svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 8s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5z"/><circle cx="8" cy="8" r="2"/></svg></a>
  </div>
  <div class="p-body">
    <span class="p-cat">{{ $p->category?->name }}@if ($p->brand) · {{ $p->brand->name }}@endif</span>
    <a href="{{ route('product.show', $p) }}" class="p-title">{{ $p->name }}</a>
    @if ($variant === 'home')
      <div class="rating">{{ str_repeat('★', (int) round($p->rating)) }}{{ str_repeat('☆', 5 - (int) round($p->rating)) }} <span>({{ $p->reviews_count }})</span></div>
    @endif
    @if ($flash)
      <div class="stock-bar"><i style="width:{{ $sold }}%"></i></div><span class="stock-txt">{{ $sold }}% বিক্রি হয়েছে</span>
    @endif
    @if ($variant === 'shop')
      <div><span class="price">৳{{ number_format($p->price) }}</span>@if ($p->old_price)<span class="old">৳{{ number_format($p->old_price) }}</span>@endif</div>
      @if ($p->in_stock)
        <button type="button" class="btn btn-primary p-btn" data-add-cart="{{ $p->id }}" @if ($p->sizes || $p->colors) data-options-url="{{ route('product.show', $p) }}" @endif>🛒 Add to cart</button>
      @else
        <button type="button" class="btn p-btn oos" disabled>Out of Stock</button>
      @endif
    @else
      <div class="p-foot" @if ($flash) style="margin-top:8px" @endif>
        <div><span class="price">৳{{ number_format($p->price) }}</span>@if ($p->old_price)<span class="old">৳{{ number_format($p->old_price) }}</span>@endif</div>
        @if ($p->in_stock)
          <button type="button" class="add-cart" data-add-cart="{{ $p->id }}" @if ($p->sizes || $p->colors) data-options-url="{{ route('product.show', $p) }}" @endif aria-label="Add to cart"><svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h12l-1 10H4L3 6z"/><path d="M6 6V5a3 3 0 0 1 6 0v1"/></svg></button>
        @endif
      </div>
    @endif
  </div>
</div>