@php($overallRating = getOverallRating($product->reviews, $product))
<div class="product-single-hover shadow-none rtl">
    <div class="overflow-hidden position-relative">
        <div class="inline_product clickable">
            @if($product->discount > 0)
                <span class="for-discount-value discount_badge p-1 pl-2 pr-2 font-bold fs-13">
                        <img class="d-inline-block" src="{{asset('assets/front-end/img/discount.png')}}" style="width: 19px;height: 19px" alt="">
                        <span class="d-inline-block">{{translate('Save Money')}}</span>

                    <span class="direction-ltr d-inline-block __vertical-middle">
                        @if ($product->discount_type == 'percent')
                            {{round($product->discount,(!empty($decimal_point_settings) ? $decimal_point_settings: 0))}}
                            %
                        @elseif($product->discount_type =='flat')
                            {{ webCurrencyConverter(amount: $product->discount) }}
                        @endif
                    </span>
                </span>
            @else
                <span class="for-discount-value-null"></span>
            @endif
                <span class="for-discount-value wish_icon p-1 pl-2 pr-2 font-bold fs-13">
                    <span class="direction-ltr d-block">
                        <button type="button" data-product-id="{{$product['id']}}" onclick="event.stopPropagation();"
                                class="btn __text-18px border product-action-add-wishlist">
                            <i class="fa {{(App\Utils\Helpers::checkFav($product) ? 'fa-heart' : 'fa-heart-o')}} wishlist_icon_{{$product['id']}} web-text-primary"
                               aria-hidden="true"></i>
                        </button>
                    </span>
                </span>

            <a href="{{route('product',$product->slug)}}">
                <img src="{{ getStorageImages(path: $product->thumbnail_full_url, type: 'product') }}" width="190" height="185" alt="">
            </a>

            <div class="quick-view" onclick="window.location.href='{{ route('product', $product->slug) }}'">
                <a class="btn-circle stopPropagation action-product-quick-view" onclick="event.stopPropagation();"
                   href="javascript:" data-product-id="{{ $product->id }}">
                    <i class="czi-eye align-middle"></i>
                </a>
            </div>
            @if($product->product_type == 'physical' && $product->current_stock <= 0)
                <span class="out_fo_stock">{{translate('out_of_stock')}}</span>
            @endif
        </div>
        <div class="single-product-details">
{{--            @if($overallRating[0] != 0 )--}}

{{--            @endif--}}
            <div>
                <a href="{{route('product',$product->slug)}}" class="text-capitalize fw-semibold">
                    {{ $product['name'] }}
                </a>
            </div>
            <div class="justify-content-between">
                <div class="product-price">
                    @if($product->discount > 0)
                        <del class="category-single-product-price">
                            {{ webCurrencyConverter(amount: $product->unit_price) }}
                        </del>
                    @endif
                    <span class="text-accent text-danger">
                        {{ webCurrencyConverter(amount:
                            $product->unit_price-(getProductDiscount(product: $product, price: $product->unit_price))
                        ) }}
                    </span>
                </div>
            </div>
            <div class="rating-show justify-content-between text-left">
                <span class="d-inline-block font-size-sm text-body">
                    <i class="tio-star text-warning"></i>
                    <span>{{number_format($overallRating[0], 1)}}</span>
                    <label class="badge-style">({{ count($product->reviews) }})</label>
                </span>
            </div>
            <span class="for-discount-value cart_icon p-1 pl-2 pr-2 font-bold fs-13">
                <span class="direction-ltr d-block">
                    @php($rand_num = rand(1111,9999))

                    <button class="btn btn-sm w-100 m-0 quickCartBtn" type="button" data-product-id="{{$rand_num}}"
                            onclick="event.stopPropagation();">
                        +
                    </button>


                    <form id="add-to-cart-form-{{$rand_num}}" class="mb-2 addToCartDynamicForm d-none">
                        @csrf
                        <input type="hidden" name="id" value="{{ $product->id }}">
                        <div
                            class="position-relative {{Session::get('direction') === "rtl" ? 'ml-n4' : 'mr-n4'}} mb-2">

                            @php($qty = 0)
                        </div>



                        <div class="mt-3 d-none">
                            <div class="product-quantity d-flex flex-column __gap-15">
                                <div class="d-flex align-items-center gap-3">
                                    <div class="product-description-label text-dark font-bold mt-0">
                                        {{translate('quantity')}} :
                                    </div>
                                    <div class="d-flex justify-content-center align-items-center quantity-box border rounded border-base web-text-primary">
                                                <span class="input-group-btn">
                                                    <button class="btn btn-number __p-10 web-text-primary" type="button"
                                                            data-type="minus" data-field="quantity"
                                                            disabled="disabled">
                                                        -
                                                    </button>
                                                </span>
                                        <input type="text" name="quantity"
                                               class="form-control input-number text-center cart-qty-field __inline-29 border-0 "
                                               placeholder="{{ translate('1') }}"
                                               value="{{ $product->minimum_order_qty ?? 1 }}"
                                               data-producttype="{{ $product->product_type }}"
                                               min="{{ $product->minimum_order_qty ?? 1 }}"
                                               max="{{$product['product_type'] == 'physical' ? $product->current_stock : 100}}">
                                        <span class="input-group-btn">
                                                    <button class="btn btn-number __p-10 web-text-primary" type="button"
                                                            data-producttype="{{ $product->product_type }}"
                                                            data-type="plus" data-field="quantity">
                                                            +
                                                    </button>
                                                </span>
                                    </div>
                                    <input type="hidden" class="product-generated-variation-code" name="product_variation_code" data-product-id="{{ $product['id'] }}">
                                    <input type="hidden" value="" class="in_cart_key form-control w-50" name="key">
                                </div>
                                <div id="chosen_price_div">
                                    <div
                                        class="d-none d-sm-flex justify-content-start align-items-center me-2">
                                        <div
                                            class="product-description-label text-dark font-bold text-capitalize">
                                            <strong>{{translate('total_price')}}</strong> :
                                        </div>
                                        &nbsp; <strong id="chosen_price" class="text-base"></strong>
                                        <small
                                            class="ms-2 font-regular">
                                            (<small>{{translate('tax')}} : </small>
                                            <small id="set-tax-amount"></small>)
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="__btn-grp mt-2 mb-3 d--none d--sm-block">
                            <div class="product-add-and-buy-section gap-2 d--sm-flex" >
                                <button class="btn btn--primary element-center btn-gap-{{Session::get('direction') === "rtl" ? 'left' : 'right'}} action-add-to-cart-form"
                                        data-form-id="add-to-cart-form-{{$rand_num}}" id="product_btn_{{$rand_num}}" onclick="event.stopPropagation();"
                                        type="button" data-update-text="{{ translate('update_cart') }}" data-add-text="{{ translate('add_to_cart') }}">
                                    <span class="string-limit">{{ translate('add_to_cart') }}</span>
                                </button>
                            </div>

                        </div>

                    </form>
                </span>
            </span>
        </div>
    </div>
</div>