{{--
    Reusable product card.
    Variables expected:
      $product    — Product model (with productCountry relation set)
      $cardClass  — extra CSS class on the card div (optional)
--}}
@php
$assetPath = 'frontend_assets';
$isBundle = (bool)($product->is_bundle ?? false);

// Determine if this product is already in the user's wishlist.
// $wishlistItems is an array of product_ids — passed by the controller for auth users.
$isWishlisted = isset($wishlistItems) && in_array($product->id, $wishlistItems);
// Resolve price: productCountry is a Collection set by the controller
$pc = optional(
($product->productCountry instanceof \Illuminate\Support\Collection
? $product->productCountry->first()
: $product->productCountry)
);
$variation = optional(null);
if ($pc->productVariations instanceof \Illuminate\Support\Collection && $pc->productVariations->isNotEmpty()) {
$variation = $pc->productVariations->sortBy(function($v) {
$eff = ($v->offer_price > 0 && $v->offer_price < $v->mrp_price) ? (float)$v->offer_price : (float)$v->mrp_price;
    return $eff > 0 ? $eff : 999999999;
    })->first();
    }

    $priceFull = $variation->mrp_price ?? $pc->mrp_price ?? null;
    $priceOffer = $variation->offer_price ?? $pc->offer_price ?? null;
    $discount = ($priceFull && $priceOffer && $priceFull > 0)
    ? round((($priceFull - $priceOffer) / $priceFull) * 100)
    : null;

    $rating = $product->reviews_avg_rating ?? 0;
    @endphp

    <div class="card product-card h-100 reveal {{ $cardClass ?? '' }}">
        {{-- Wishlist button --}}
        @auth('web')
        <button
            class="wishlist-btn"
            data-product-id="{{ $product->id }}"
            data-wishlisted="{{ $isWishlisted ? '1' : '0' }}"
            data-ajax="true"
            type="button">
            <img class="wishlist-icon" src="{{ asset($assetPath . '/icons/' . ($isWishlisted ? 'wishlist-active.png' : 'wishlist.svg')) }}" alt="Wishlist">
        </button>
        @else
        <a
            href="{{ route('frontend.wishlist') }}"
            class="wishlist-btn text-decoration-none"
            data-product-id="{{ $product->id }}"
            data-wishlisted="{{ $isWishlisted ? '1' : '0' }}">
            <img class="wishlist-icon" src="{{ asset($assetPath . '/icons/' . ($isWishlisted ? 'wishlist-active.png' : 'wishlist.svg')) }}" alt="Wishlist">
        </a>
        @endauth
        <div class="badge-container">
            @if($discount)
            <span class="discount-badge-1">{{ $discount }}% {{ webTrans('off','product_listing') }}</span>
            @endif
            @if($isBundle)
            <span class="bundle-badge">{{ webTrans('bundle','product_listing') }}</span>
            @endif
        </div>

        {{-- Product image & Card body wrapped in link --}}
        <a href="{{ route('frontend.product_detail', $product->id) }}" class="text-decoration-none text-dark card-link-wrapper d-flex flex-column h-100">
            <div class="product-img-container">
                <img src="{{ uploadedAsset($product->thumbnail) ?: asset($assetPath . '/images/image-placeholder.png') }}"
                    class="card-img-top"
                    alt="{{ translate($product->name) }}"
                    onerror="this.onerror=null;this.src='{{ asset($assetPath . '/images/image-placeholder.png') }}';">
            </div>

            <div class="card-body p-3 d-flex flex-column justify-content-between flex-grow-1">
                <div>
                    <h5 class="product-title mb-2" title="{{$product->getTranslation('name', $langCode) }}">{{ $product->getTranslation('name', $langCode) }}</h5>

                    <div class="d-flex align-items-center  mb-3 rating-container">
                        <div class="star-rating d-flex align-items-center gap-1">
                            @for ($i = 1; $i <= 5; $i++)
                                <img src="{{ asset($assetPath . '/icons/starfill.png') }}" class="star-icon" alt="star">
                            @endfor
                        </div>
                        <span class="rating-text-1">({{ $product->reviews_count ?? 0 }}) <span data-translate="ratings_and_reviews">Ratings and Reviews</span></span>
                    </div>
                </div>

                <div class="product-card-bottom pt-2 border-top border-secondary-subtle">
                    @php
                    $hasOffer = $priceOffer && $priceOffer > 0 && $priceFull && (float)$priceOffer < (float)$priceFull;
                    @endphp
                    <div class="price-section d-flex align-items-center gap-2 flex-wrap mb-0 mt-3">
                        @if($hasOffer)
                        <span class="current-price fw-bold">{{ webFormatPriceWithSymbol($priceOffer, $currentCountry ?? null) }}</span>
                        <span class="old-price text-decoration-line-through">{{ webFormatPriceWithSymbol($priceFull, $currentCountry ?? null) }}</span>
                        @elseif($priceFull && $priceFull > 0)
                        <span class="current-price fw-bold">{{ webFormatPriceWithSymbol($priceFull, $currentCountry ?? null) }}</span>
                        @elseif($priceOffer && $priceOffer > 0)
                        <span class="current-price fw-bold">{{ webFormatPriceWithSymbol($priceOffer, $currentCountry ?? null) }}</span>
                        @endif
                    </div>
                    @if($pc->getKey() && $pc->hasActiveTax())
                    <p class="tax-text m-0" data-translate="inclusive_of_all_taxes">{{ webTrans('inclusive_of_all_taxes', 'product_listing') }}</p>
                    @endif
                </div>
            </div>
        </a>
    </div>