@php
    $newProductImage =
        App\Models\Admin\ProductImage::where('product_id', $product->id)->first()->image ?? 'default.jpg';

    $ratings = App\Models\ProductRating::where(['product_id' => $product->id, 'status' => 1])->get();
    $averageRating = App\Models\ProductRating::where(['product_id' => $product->id, 'status' => 1])->avg('rating');
@endphp

<div class="product-wrap">
    <div class="product text-center">
        <figure class="product-media">
            <a href="{{ route('product.details', $product->slug) }}">
                <img src="{{ asset('/uploads/product/gallery/' . $newProductImage) }}" alt="Product" width="300"
                    height="338" />
                <img src="{{ asset('/uploads/product/gallery/' . $newProductImage) }}" alt="Product" width="300"
                    height="338" />
            </a>
            {{-- <div class="product-action-vertical">
                <a href="#" class="btn-product-icon btn-cart w-icon-cart" title="Add to cart"></a>
                <a href="#" class="btn-product-icon btn-wishlist w-icon-heart" title="Add to wishlist"></a>
                <a href="#" class="btn-product-icon btn-quickview w-icon-search" title="Quickview"></a>
            </div> --}}
        </figure>
        <div class="product-details">
            <h4 class="product-name"><a href="{{ route('product.details', $product->slug) }}">{{ $product->name }}</a>
            </h4>


            <div class="ratings-container">
                @if (count($ratings) > 0)
                    <div class="ratings-full">
                        <span class="ratings" style="width: {{ round($averageRating) * 20 }}%;"></span>
                        <span class="tooltiptext tooltip-top"></span>
                    </div>
                    <a href="{{ route('product.details', $product->slug) }}"
                        class="rating-reviews">({{ count($ratings) }}
                        {{ count($ratings) > 1 ? 'Reviews' : 'Review' }})</a>
                @endif
            </div>


            <div class="product-price">
                @if (!empty($product->offer_price))
                    <del class="old-price">{{ $product->price }}</del>

                    <ins class="new-price">
                        {{ $product->offer_price }}
                    </ins>
                @else
                    <ins class="new-price">{{ $product->price }}</ins>
                @endif
            </div>

            @php
                $price = $product->price;
                $offerPrice = $product->offer_price;
            @endphp

            <input type="hidden" value="50" class="sizeId">
            <input type="hidden" value="{{ $price }}" class="productPrice">
            <input type="hidden" value="{{ $offerPrice }}" class="offer_price">
            <input type="hidden" value="1" class="quantity">
            <input type="hidden" value="{{ $product->id }}" class="product_id">
            <div>
                <a class="btn btn-primary btn-sm w-100" href="{{ route('product.details', $product->slug) }}">Order
                    Now</a>
            </div>
        </div>
    </div>
</div>