@php
    if (is_string($product)) {
        $product = json_decode($product);
    }
@endphp
<div class="product {{ $dir }} cursor-pointer capitalize" data-id="{{ $product->products_id }}" onClick="window.location.href='{{ route('product',['products_code'=>$product->products_code ,'products_slug'=>$product->products_slug  ?? $product->products_id]) }}'">

    <div class="imgbox position-relative">

        <span class=" {{ $dir }} col-2 text-right ">
            <form method="POST" action="{{route('updateFavs')}}" class="d-inline" id="updateFavs-{{ $product->products_id }}-{{ isset($sectionName) ? $sectionName : 'products' }}">

                @if(session()->has('customer'))
                    @csrf
                    <input type="hidden" name="accountId" value="{{env('accountId')}}" >
                    <input type="hidden" name="productId" value="{{ $product->products_id }}" >

                    <span class="" onClick="event.stopPropagation(); updateFavs('{{ $product->products_id }}',this); "  class="{{$hasRegistration ? '' : 'd-none'}}">
                @else
                    <span class="" onClick="event.stopPropagation(); showToastify('{{ __('lang.loginToaddFav') }}')"  class="{{$hasRegistration ? '' : 'd-none'}}">

                @endif
                        <span class="product-fav {{ $product->is_fav == 1 ? 'active' : '' }}">
                            <i class="{{ $product->is_fav ==  1 ? 'fas text_7' : 'far text_3' }} fa-heart  font-18 fav-icon-{{ $product->products_id }} " id="FavoriteIcon-{{ $product->products_id }}-{{ isset($sectionName) ? $sectionName : 'products' }} fa-stack-1x fa-inverse"  aria-hidden="true"></i>
                        </span>
                    </span>


            </form>
        </span>

        @if($product->offer )
            <span class=" offer-product-badge font-13 position-absolute  text_3 d-flex justify-content-{{$dir == 'ltr' ? 'end' : 'start'}} ">
                <span class="background_4 d-flex align-items-center justify-content-center text_2 px-3 ">
                    {{ $product->offer ? $product->offer->offers_title : '' }}
                </span>
            </span>

        @elseif($product->most_wanted == 1 && env('mostWantedBadgeOnProductCard',false) )
            <span class=" offer-product-badge font-13 position-absolute  text_3 d-flex justify-content-{{$dir == 'ltr' ? 'end' : 'start'}} ">
                <span class="background_4 d-flex align-items-center justify-content-center text_2 px-3 ">
                    {{ strtoupper(__('lang.mostWanted')) }}
                </span>
            </span>


        @elseif($product->is_new == 1)

        @endif

        @if( $product->products_stocks <= 0 && $account->accounts_show_stocks == '1' && env('stockBadgeOnProductCard',false) )
            <span class="out-stock font-10 position-absolute top-5 start-5 text_5 ">{{ __('lang.outOfStock') }} </span>
        @endif

        {{-- <a aria-label="go to {{ $product->products_title }} page" href="javascript:void(0)" title="{{__('lang.notifyMe')}}" class="product-notify position-absolute top-0 end-0 p-2 " >
            <span > <i class="{{ $product->is_notify ==  1 ? 'fas' : 'far'  }} fa-bell text_7 font-16" aria-hidden="true"></i> </span>
        </a> --}}
        <a aria-label="go to {{ $product->products_title }} page" href="{{ route('product',['products_code'=>$product->products_code ,'products_slug'=>$product->products_slug  ?? $product->products_id]) }}">