<div class="fvrt-btn-wrppr @guest js-popup-button @endguest" 
    @guest 
        data-js-popup-button="account"
    @else
        onclick="toggleProductLike(event, this, {{ $product_id }})"
    @endguest

    @php
        $liked = $user_likes?->contains(fn ($value, $index) => $value->product_id === $product_id);
    @endphp
    >
    @guest
        <span class="wd-fvrt-btn">
            <img class="i-heart" src="/assets/images/heart-svgrepo-com.svg" alt="">
        </span>
    @else
        <span id="{{ $product->id }}-favourite-icon-like" class="wd-fvrt-btn {{ $liked ? '' : 'd-none' }}">
            <img class="i-heart" src="/assets/images/red-heart-svgrepo-com.svg" alt="">
        </span>

        <span id="{{ $product->id }}-favourite-icon-dislike" class="wd-fvrt-btn {{ $liked ? 'd-none' : '' }}">
            <img class="i-heart" src="/assets/images/heart-svgrepo-com.svg" alt="">
        </span>
    @endguest
</div>
