<div class="product-area pb-95">
    <div class="container">
        <div class="text-center mb-50">
            <h2>{{__("Related products")}}</h2>
        </div>
        <div class="row">
            @forelse($relatedProducts as $product)
                <div class="col-lg-3 col-sm-6">
                    <div class="product-fruit-wrapper shadow mb-60">
                        <div class="product-fruit-img">
                            <img src="{{ $product->image  }}" alt="{{ $product->name }}">
                            <div class="product-furit-action">
                                <a wire:click.prevent="addToCart('{{ $product->id }}')"
                                   class="furit-animate-left" title="Add To Cart">
                                    <i class="fas fa-shopping-cart"></i>
                                </a>
                                <a wire:click.prevent="addToWishList('{{ $product->id }}')"
                                   class="furit-animate-right" title="Wishlist">
                                    <i class="fas fa-heart"></i>
                                </a>
                            </div>
                        </div>
                        <div class="product-fruit-content text-center">
                            <a class="" href="{{route('product.show', $product->slug)}}">{{ $product->name }}</a><br>
                            <span class="small">{{ format_amount($product->price,true) }}</span>
                        </div>
                    </div>
                </div>
            @empty
                <p>{{__("No products found.")}}</p>
            @endforelse
        </div>
    </div>
</div>
