@php($overallRating = getOverallRating($product->reviews))

{{-- حسابات السعر/البادج بدون بلوك PHP كبير --}}
@php($dp = !empty($decimalPointSettings) ? (int)$decimalPointSettings : 0)
@php($original = (float)($product->unit_price ?? 0))
@php($afterProductDiscount = $original - getProductDiscount(product: $product, price: $original))
@php($promo = (isset($product->promo_price) && $product->promo_price !== null) ? (float)$product->promo_price : null)
@php($final = $promo !== null ? min($promo, $afterProductDiscount) : $afterProductDiscount)
@php($showStriked = $final < $original)

{{-- بادج العرض: لو في بروموشن أنسب بنحسب النسبة، وإلا منرجع للمنطق القديم --}}
@php($promoBadge = ($promo !== null && $showStriked && $original > 0) ? ('-'.round((($original - $final)/$original)*100, $dp).'%') : null)
@php($oldBadge = (($product->discount ?? 0) > 0)
      ? ((($product->discount_type ?? 'percent') === 'percent')
            ? ('-'.round((float)$product->discount, $dp).'%')
            : ('-'.webCurrencyConverter(amount: (float)($product->discount ?? 0))))
      : null)
@php($badgeText = $promoBadge ?? $oldBadge)


<div class="product-single-hover style--card">
    <div class="overflow-hidden position-relative">
        <div class=" inline_product clickable d-flex justify-content-center">
            {{-- شارة الخصم (تحافظ على القديم بس بتفضّل البروموشن إذا أنسب) --}}
            @if($badgeText)
                <div class="d-flex">
                    <span class="for-discount-value p-1 pl-2 pr-2 font-bold fs-13">
                        <span class="direction-ltr d-block">{{ $badgeText }}</span>
                    </span>
                </div>
            @else
                <div class="d-flex justify-content-end">
                    <span class="for-discount-value-null"></span>
                </div>
            @endif

            <div class="p-10px pb-0">
                <a href="{{route('product',$product->slug)}}" class="w-100">
                    <img alt=""
                         src="{{ getStorageImages(path: $product->thumbnail_full_url, type: 'product') }}">
                </a>
            </div>

            <div class="quick-view">
                <a class="btn-circle stopPropagation action-product-quick-view" href="javascript:" data-product-id="{{ $product->id }}">
                    <i class="czi-eye align-middle"></i>
                </a>
            </div>
            @if($product->product_type == 'physical' && $product->current_stock <= 0)
                <span class="out_fo_stock">{{translate('out_of_stock')}}</span>
            @endif
        </div>

        <div class="single-product-details">
            @php($overallRating = getOverallRating($product->reviews))
            @if($overallRating[0] != 0 )
                <div class="rating-show justify-content-between text-center">
                    <span class="d-inline-block font-size-sm text-body">
                        @for($inc=1;$inc<=5;$inc++)
                            @if ($inc <= (int)$overallRating[0])
                                <i class="tio-star text-warning"></i>
                            @elseif ($overallRating[0] != 0 && $inc <= (int)$overallRating[0] + 1.1 && $overallRating[0] > ((int)$overallRating[0]))
                                <i class="tio-star-half text-warning"></i>
                            @else
                                <i class="tio-star-outlined text-warning"></i>
                            @endif
                        @endfor
                        <label class="badge-style">( {{ count($product->reviews) }} )</label>
                    </span>
                </div>
            @endif

            <div class="text-center">
                <a href="{{route('product',$product->slug)}}">
                    {{ Str::limit($product['name'], 23) }}
                </a>
            </div>

            {{-- الأسعار: نفس الستايل القديم، لكن منعرض السعر الأصلي/النهائي حسب البروموشن أو خصم المنتج --}}
            <div class="justify-content-between text-center">
                <div class="product-price text-center d-flex flex-wrap justify-content-center align-items-center gap-8">
                    @if($showStriked)
                        <del class="category-single-product-price">
                            {{ webCurrencyConverter(amount: $original) }}
                        </del>
                    @endif
                    <span class="text-accent text-dark">
                        {{ webCurrencyConverter(amount: $final) }}
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>