@php
    $currentPrice  = $product->sale_price ?? $product->price;
    $originalPrice = $product->price;
    $hasDiscount   = $product->sale_price && $product->sale_price < $product->price;
    $discountPct   = $hasDiscount ? round((($originalPrice - $currentPrice) / $originalPrice) * 100) : 0;
    $inStock       = ($product->stock ?? 0) > 0 || $product->hasActiveVariants();
    $thumb         = $product->thumbnail;
    $thumbSrc      = $thumb && (str_starts_with($thumb, 'http://') || str_starts_with($thumb, 'https://'))
        ? $thumb : ($thumb ? asset($thumb) : null);
    $gridContext   = $gridContext ?? 'home';
    $gridColClass  = \App\Services\ProductItemSettingsService::gridColClass($gridContext);
    $imageFitClass = \App\Services\ProductItemSettingsService::imageFitClass($gridContext);
    $showCartIcon  = \App\Services\ProductItemSettingsService::showAddToCartIcon();
@endphp

<div class="{{ $gridColClass }} d-flex">
    <div class="pj-card">
        <div class="pj-card-media {{ $imageFitClass }}">
            <a href="{{ route('frontend.product', $product->slug) }}" class="pj-card-img-link">
                @if($thumbSrc)
                    <img src="{{ $thumbSrc }}" alt="{{ $product->name }}" loading="lazy" class="pj-card-img">
                @else
                    <div class="pj-card-empty"><i class="fas fa-shirt"></i></div>
                @endif
            </a>
            @if(!$inStock)
            <span class="pj-card-badge pj-card-badge-sold">Sold out</span>
            @elseif($hasDiscount)
            <span class="pj-card-badge">{{ $discountPct }}% OFF</span>
            @endif
        </div>
        <div class="pj-card-info">
            <a href="{{ route('frontend.product', $product->slug) }}" class="pj-card-title">{{ $product->name }}</a>
            <div class="pj-card-price">
                <span class="pj-price-sale">৳{{ number_format($currentPrice) }}</span>
                @if($hasDiscount)
                <span class="pj-price-regular"><s>৳{{ number_format($originalPrice) }}</s></span>
                @endif
            </div>
        </div>
    </div>
</div>