@php
    $service = $service ?? $product->game ?? $product;
    $fallbackImage = $image ?? 'product-108.webp';
    $serviceImage = $service->image_path ? asset($service->image_path) : asset('images/kroti/'.$fallbackImage);
    $isEnglish = app()->getLocale() === 'en';
    $serviceName = $isEnglish ? $service->name_en : $service->name_ar;
    $visibleOffer = $service->productVariants
        ->flatMap(fn ($variant) => $variant->offers ?? collect())
        ->filter(fn ($offer) => $offer->appliesToUser(auth()->user()))
        ->sortByDesc('discount_percent')
        ->first();
@endphp

<article class="kr-service-card">
    <a href="{{ route('games.show', $service->slug) }}" class="kr-service-card__image" aria-label="{{ $serviceName }}">
        <img src="{{ $serviceImage }}" alt="{{ $serviceName }}">
        <span class="kr-card-hidden-action">{{ $isEnglish ? 'Details' : 'التفاصيل' }}</span>
    </a>
    <div class="kr-service-card__body">
        <h3>{{ $serviceName }}</h3>
        @if($visibleOffer)
            <span class="rn-service-offer-chip">{{ number_format($visibleOffer->discount_percent, 0) }}% خصم</span>
        @endif
    </div>
</article>