@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();
    $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="sb-prod-card">
        <div class="sb-prod-img {{ $imageFitClass }}">
            <a href="{{ route('frontend.product', $product->slug) }}">
                @if($product->thumbnail)
                    <img src="{{ asset($product->thumbnail) }}" alt="{{ $product->name }}" loading="lazy">
                @else
                    <div class="sb-prod-empty"><i class="fas fa-image"></i></div>
                @endif
            </a>
            @if($product->is_best_seller ?? false)
            <span class="sb-prod-badge sb-prod-badge-best">Best Selling</span>
            @endif
            @if($product->is_new_arrival ?? false)
            <span class="sb-prod-badge sb-prod-badge-new">New Arrival</span>
            @endif
            @if($hasDiscount)
            <span class="sb-prod-badge sb-prod-badge-off">Save {{ $discountPct }}%</span>
            @endif
        </div>

        <div class="sb-prod-body">
            <a href="{{ route('frontend.product', $product->slug) }}" class="sb-prod-name">{{ $product->name }}</a>

            <div class="sb-prod-price-row">
                <span class="sb-prod-price">৳{{ number_format($currentPrice) }}</span>
                @if($hasDiscount)
                <span class="sb-prod-old">৳{{ number_format($originalPrice) }}</span>
                <span class="sb-prod-save">Save ৳{{ number_format($originalPrice - $currentPrice) }}</span>
                @endif
            </div>

            <div class="sb-prod-actions{{ $showCartIcon ? '' : ' sb-prod-actions--full' }}">
                @if($inStock)
                @if($showCartIcon)
                <button type="button" class="sb-btn-cart"
                    onclick="@if($product->hasActiveVariants())window.location.href='{{ route('frontend.product', $product->slug) }}'@else addToCart({{ $product->id }}, '{{ addslashes($product->name) }}', this)@endif">
                    Add To Cart
                </button>
                @endif
                <button type="button" class="sb-btn-buy"
                    onclick="buyNow({{ $product->id }}, '{{ addslashes($product->name) }}', this, { hasVariants: @json($product->hasActiveVariants()) })">
                    Buy now
                </button>
                @else
                <span class="sb-stock-out">Stock Out</span>
                @endif
            </div>
        </div>
    </div>
</div>