@php
    /**
     * Product card partial.
     * Expects:
     * - $p : product object/array with productid, productname, mainprice, offerprice,
     *        thumbnail, hover_thumbnail, is_in_wishlist, stock, rating, cartURL, producturl,
     *        sale_tag, sale_tag_color, sale_tag_text_color, product_type, variantid, symbol, position
     * - $lang : current language code
     */
    $p = is_object($p) ? $p : (object) $p;
    $pname = $p->productname ?? null;
    $name = is_array($pname) ? ($pname[$lang] ?? reset($pname)) : ($pname ?? $p->name ?? '');

    // Price: prefer the offer price ONLY when it is a real positive value AND lower than the
    // main price. A formatted "$ 0.00" string is non-empty in PHP, so plain ?? is unsafe.
    $_offerNum = (float) preg_replace('/[^0-9.]/', '', (string) ($p->offerprice ?? ''));
    $_mainNum  = (float) preg_replace('/[^0-9.]/', '', (string) ($p->mainprice ?? ''));
    $hasOffer  = $_offerNum > 0 && $_offerNum < $_mainNum;
    $price     = $hasOffer ? $p->offerprice : ($p->mainprice ?? $p->offerprice ?? '');
    $compare   = $hasOffer ? $p->mainprice : null;

    $rating = isset($p->rating) ? (float) $p->rating : 0;
    $img = $p->thumbnail ?? null;
    $hoverImg = $p->hover_thumbnail ?? $img;
    $url = $p->producturl ?? '#';
    $cartUrl = $p->cartURL ?? null;
    $proid = $p->productid ?? $p->id ?? null;
    $type = $p->product_type ?? 'simple';
    $varid = $p->variantid ?? null;
    $inWish = isset($p->is_in_wishlist) && $p->is_in_wishlist == 1;
    $stock = $p->stock ?? 0;

    // Compare state from session: ['proid'=>id,'type'=>'simple|variant']
    $inCompare = false;
    $cmpType = ($p->product_type ?? 'simple') === 'simple' ? 'simple' : 'variant';
    $cmpId = $p->productid ?? $p->id ?? null;
    if ($cmpId) {
        foreach ((array) session('comparison', []) as $cmp) {
            if (($cmp['proid'] ?? null) == $cmpId && (($cmp['type'] ?? 'variant') === $cmpType)) {
                $inCompare = true;
                break;
            }
        }
    }
    $saleTag = is_array($p->sale_tag ?? null) ? ($p->sale_tag[$lang] ?? (array_values($p->sale_tag)[0] ?? null)) : ($p->sale_tag ?? null);
    $saleTag = is_string($saleTag) ? trim($saleTag) : $saleTag;
    $saleColor = ($p->sale_tag_color ?? null) ?: '#3b6df0';
    $saleTextColor = ($p->sale_tag_text_color ?? null) ?: '#ffffff';

    // Contrast guard: if bg and text are the same / too close, flip text to white or deep based on bg luminance
    $rgb = function($hex){
        $hex = ltrim((string) $hex, '#');
        if (strlen($hex) === 3) $hex = $hex[0].$hex[0].$hex[1].$hex[1].$hex[2].$hex[2];
        if (strlen($hex) !== 6) return null;
        return [hexdec(substr($hex,0,2)), hexdec(substr($hex,2,2)), hexdec(substr($hex,4,2))];
    };
    $luma = function($rgb) {
        if (!$rgb) return 1;
        return (0.299 * $rgb[0] + 0.587 * $rgb[1] + 0.114 * $rgb[2]) / 255;
    };
    $bgRgb = $rgb($saleColor); $txtRgb = $rgb($saleTextColor);
    if ($bgRgb && $txtRgb) {
        $diff = abs($luma($bgRgb) - $luma($txtRgb));
        if ($diff < 0.35) {
            // Pick a readable text color based on bg
            $saleTextColor = $luma($bgRgb) > 0.6 ? '#0a1430' : '#ffffff';
        }
    }

    // Discount percentage calc
    $disPct = 0;
    if ($compare) {
        $cv = (float) preg_replace('/[^0-9.]/', '', (string) $compare);
        $pv = (float) preg_replace('/[^0-9.]/', '', (string) $price);
        if ($cv > 0 && $cv > $pv) $disPct = round((1 - $pv / $cv) * 100);
    }
@endphp

<article class="pcard bg-white rounded-2xl shadow-card overflow-hidden relative group">
    <a href="{{ $url }}" class="block aspect-square bg-slate-50 relative overflow-hidden pcard-imgwrap">
        @if($img)
            <img src="{{ $img }}" alt="{{ $name }}" loading="lazy" class="pcard-img-primary absolute inset-0 w-full h-full object-cover">
            @if($hoverImg && $hoverImg !== $img)
                <img src="{{ $hoverImg }}" alt="" loading="lazy" class="pcard-img-hover absolute inset-0 w-full h-full object-cover">
            @endif
        @else
            <img src="{{ url('images/no-image.png') }}" alt="" class="absolute inset-0 w-full h-full object-contain p-6">
        @endif

        {{-- Tags stacked top-left so they never collide with the action buttons on the right --}}
        <div class="absolute top-2 left-2 z-10 flex flex-col items-start gap-1.5 pointer-events-none">
            @if($saleTag)
                <span class="text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded shadow-sm" style="background: {{ $saleColor }}; color: {{ $saleTextColor }};">{{ $saleTag }}</span>
            @endif
            @if($disPct > 0)
                <span class="bg-emerald-600 text-white text-[11px] font-bold px-2 py-0.5 rounded tabular shadow-sm">−{{ $disPct }}%</span>
            @endif
        </div>

        @if($stock <= 0)
            <div class="absolute inset-0 bg-white/70 grid place-items-center z-10"><span class="bg-deep text-white text-[11px] font-bold uppercase tracking-wider px-3 py-1.5 rounded">{{ __('Out of stock') }}</span></div>
        @endif
    </a>

    {{-- Action buttons: revealed on hover --}}
    <div class="absolute top-2 right-2 z-20 flex flex-col gap-1.5 opacity-0 translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300">
        @if($type === 'simple' && $proid)
            <button type="button" onclick="toggleWish('simple', {{ $proid }}, this)" class="w-9 h-9 rounded-full bg-white shadow-card grid place-items-center hover:bg-rose-50 hover:text-rose-500 transition-colors {{ $inWish ? 'text-rose-500' : 'text-slate-600' }}" aria-label="{{ __('Wishlist') }}" title="{{ __('Wishlist') }}">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="{{ $inWish ? 'currentColor' : 'none' }}" stroke="currentColor" stroke-width="1.6"><path d="M12 20s-7-4.5-9-9.2A4.8 4.8 0 0 1 7.5 5 4.8 4.8 0 0 1 12 8a4.8 4.8 0 0 1 4.5-3A4.8 4.8 0 0 1 21 10.8C19 15.5 12 20 12 20Z"/></svg>
            </button>
        @elseif($varid)
            <button type="button" onclick="toggleWish('variant', {{ $varid }}, this)" class="w-9 h-9 rounded-full bg-white shadow-card grid place-items-center hover:bg-rose-50 hover:text-rose-500 transition-colors {{ $inWish ? 'text-rose-500' : 'text-slate-600' }}" aria-label="{{ __('Wishlist') }}" title="{{ __('Wishlist') }}">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="{{ $inWish ? 'currentColor' : 'none' }}" stroke="currentColor" stroke-width="1.6"><path d="M12 20s-7-4.5-9-9.2A4.8 4.8 0 0 1 7.5 5 4.8 4.8 0 0 1 12 8a4.8 4.8 0 0 1 4.5-3A4.8 4.8 0 0 1 21 10.8C19 15.5 12 20 12 20Z"/></svg>
            </button>
        @endif

        @if($proid)
            <button type="button" onclick="addToCompare('{{ $type }}', {{ $proid }}, this)" class="cmp-btn w-9 h-9 rounded-full bg-white shadow-card grid place-items-center hover:bg-brand-50 transition-colors {{ $inCompare ? 'text-brand-600 bg-brand-50' : 'text-slate-600 hover:text-brand-600' }}" aria-label="{{ __('Compare') }}" title="{{ $inCompare ? __('In compare list') : __('Compare') }}">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="{{ $inCompare ? 'currentColor' : 'none' }}" stroke="currentColor" stroke-width="1.6"><path d="M21 16V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2Z"/><path d="M12 6v12"/></svg>
            </button>
        @endif

        <button type="button" onclick="openQuickView({{ $proid ?: 0 }}, '{{ $type }}', {{ $varid ? $varid : 'null' }})" class="w-9 h-9 rounded-full bg-white shadow-card grid place-items-center text-slate-600 hover:bg-brand-50 hover:text-brand-600 transition-colors" aria-label="{{ __('Quick view') }}" title="{{ __('Quick view') }}">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
        </button>
    </div>

    @if($cartUrl && $stock > 0)
        @if($type === 'simple' && $proid)
            <form method="POST" action="{{ $cartUrl }}" class="addSimpleCardFrom{{ $proid }} absolute left-2 right-2 bottom-2 z-10 opacity-0 group-hover:opacity-100 transition-opacity">
                @csrf
                <input name="qty" type="hidden" value="1">
                <button type="button" onclick="addSimpleProCard({{ $proid }})" class="w-full bg-deep hover:bg-saffron hover:text-deep text-white text-[12px] py-2 rounded-lg font-semibold transition-colors">+ {{ __('Add to cart') }}</button>
            </form>
        @elseif($varid)
            <form method="POST" action="{{ $cartUrl }}" class="addVariantProCard{{ $varid }} absolute left-2 right-2 bottom-2 z-10 opacity-0 group-hover:opacity-100 transition-opacity">
                @csrf
                <input name="qty" type="hidden" value="1">
                <button type="button" onclick="addVariantProCard({{ $varid }})" class="w-full bg-deep hover:bg-saffron hover:text-deep text-white text-[12px] py-2 rounded-lg font-semibold transition-colors">+ {{ __('Add to cart') }}</button>
            </form>
        @endif
    @endif

    <a href="{{ $url }}" class="block p-3">
        <h3 class="font-semibold text-[13px] leading-snug line-clamp-2 min-h-[34px]">{{ $name }}</h3>
        @if($rating > 0)
            <div class="flex items-center gap-1.5 mt-1.5 text-[11px]">
                <span class="bg-emerald-600 text-white px-1.5 py-0.5 rounded font-semibold flex items-center gap-0.5">{{ number_format($rating, 1) }}<svg width="9" height="9" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.5l2.9 6 6.6 1-4.8 4.6 1.1 6.6L12 17.6 6.2 20.7 7.3 14.1 2.5 9.5l6.6-1L12 2.5Z"/></svg></span>
            </div>
        @endif
        @php $hidePrice = (App\Genral::first()->login ?? 0) == 1 && !auth()->check(); @endphp
        <div class="flex items-baseline gap-2 mt-2">
            @if($hidePrice)
                <a href="{{ url('login') }}" class="text-[12px] font-semibold text-brand-600 hover:underline" onclick="event.stopPropagation();">{{ __('Login to view price') }}</a>
            @else
                <span class="font-display font-extrabold text-[16px] tabular text-deep">{!! $price !!}</span>
                @if($compare && $disPct > 0)
                    <span class="text-slate-400 line-through text-[12px] tabular">{!! $compare !!}</span>
                @endif
            @endif
        </div>
    </a>
</article>