@php($overallRating = getOverallRating($product->reviews))

<div class="product-single-hover style--card w-100">
    <div class="overflow-hidden position-relative">
        <div class=" inline_product clickable d-flex justify-content-center">
            @if($product->discount > 0)
                <div class="d-flex">
                    <span class="for-discount-value p-1 pl-2 pr-2 font-bold fs-13">
                        <span class="direction-ltr d-block">
                            @if ($product->discount_type == 'percent')
                                -{{ round($product->discount,(!empty($decimalPointSettings) ? $decimalPointSettings: 0))}}%
                            @elseif($product->discount_type =='flat')
                                -{{ webCurrencyConverter(amount: $product->discount) }}
                            @endif
                        </span>
                    </span>
                </div>
            @else
                <div class="d-flex justify-content-end">
                    <span class="for-discount-value-null"></span>
                </div>
            @endif
            <div class="p-10px pb-0">
                <a href="{{(!$is_main) || $is_main == 0 ? route('product',$product->slug) : 'javascript:void(0);'}}" class="w-100">
                    <img alt=""
                         src="{{ getStorageImages(path: $product->thumbnail_full_url, type: 'product') }}">
                </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 )
                <div class="rating-show justify-content-between text-center">
                    <span class="d-inline-block font-size-sm text-body">
                        @for($inc=1;$inc<=5;$inc++)
                            @if ($inc <= (int)$overallRating[0])
                                <i class="tio-star text-warning"></i>
                            @elseif ($overallRating[0] != 0 && $inc <= (int)$overallRating[0] + 1.1 && $overallRating[0] > ((int)$overallRating[0]))
                                <i class="tio-star-half text-warning"></i>
                            @else
                                <i class="tio-star-outlined text-warning"></i>
                            @endif
                        @endfor
                        <label class="badge-style">( {{ count($product->reviews) }} )</label>
                    </span>
                </div>
            @endif
            <div class="text-center">
                <a href="{{(!$is_main) || $is_main == 0 ? route('product',$product->slug) : 'javascript:void(0);'}}">
                    {{ $product['name'] }}
                </a>
            </div>
            <div class="justify-content-between text-center">
                <div class="product-price text-center d-flex flex-wrap justify-content-center align-items-center gap-8">
                    @if($product->discount > 0)
                        <del class="category-single-product-price">
                            {{ webCurrencyConverter(amount: $product->unit_price) }}
                        </del>
                    @endif
                    <span class="text-accent text-dark">
                        {{ webCurrencyConverter(amount:
                            $product->unit_price-(getProductDiscount(product: $product, price: $product->unit_price))
                        ) }}
                    </span>
                </div>
                @if(isset($is_main) && $is_main == 1)
                    <div>
                        <button class="btn btn-success btn-sm w-100 mt-3 fw-bold" type="button"
                                data-one-id="{{$bundle->first_id}}"
                                data-two-id="{{$bundle->second_id}}"
                                data-main-id="{{$bundle->product_id}}"
                                data-bundle-id="bundle_btn_{{$bundle->id}}"
                                onclick="useOffer(this)">
                            {{__('Use This Offer')}}
                        </button>


                        <form id="add-to-cart-form-bundle-{{$bundle->id}}" 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-bundle-{{$bundle->id}}" id="bundle_btn_{{$bundle->id}}"
                                            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>


                    </div>
                @endif
            </div>
        </div>
    </div>
</div>