<div wire:ignore id="all-products" class="product-style-area pt-130 pb-30 wow fadeInUp">
    <div class="section-title-furits text-center mb-95">
        <img src="{{ url("img/favicon.png")  }}" alt="MINI LOGO" style="height: 60px; width: 65px;">
        <h2>{{__("TOP TRENDING PRODUCTS")}}</h2>
    </div>
    <div class="container">
        <div class="row">
            @forelse($products as $product)
                <div class="col-lg-4 col-xl-3 col-md-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">
                            <h4>
                                <a href="{{route('product.show', $product->slug)}}">{{ $product->name }}</a>
                            </h4>
                            <span>{{ format_amount($product->price,true) }}</span>
                        </div>
                    </div>
                </div>
            @empty
                <p>{{__("No products found.")}}</p>
            @endforelse
        </div>
    </div>
</div>

