<div class="card-body p-0">
    <ul class="list-icon ps-0">
        <li>
            <div class="product-shipping-info">
                <div class="item-row">
                    <div class="item-icon icon-type-1">
                        <i class="fal fa-box-check"></i>
                    </div>
                    <div class="item-text text-type-1">
                        ارسال توسط {{ settings('title') }}
                    </div>
                </div>
                <div class="item-row">
                    <div class="item-icon icon-type-2">
                        <i class="fas fa-circle"></i>
                    </div>
                    <div class="item-text text-type-2">
                        @if($product->sending_days > 0)
                            ارسال از {{ $product->sending_days }} روزکاری دیگر
                        @else
                            ارسال فوری
                        @endif
                    </div>
                </div>
            </div>
        </li>
        @if($product->brand_id)
            <li>
                <div class="c-product__seller-first-line">
                    <i class="fas fa-newspaper"></i>
                    <span>برند:</span>
                    <a href="{{ route('brands.show', $product->brand->slug) }}"
                       class="btn-link-spoiler">
                        <!--@if($product->brand->image)-->
                        <!--    <img class="img-fluid rounded"-->
                        <!--         width="30" height="30"-->
                        <!--         src="{{ asset($product->brand->image) }}"-->
                        <!--         alt="{{ $product->brand->name }}" />-->
                        <!--@endif-->
                        {{ $product->brand->name }}
                    </a>
                </div>
            </li>
        @endif
        @if($stock)
            <li class="exist">
                <div class="c-product__seller-first-line">
                    <i class="fa fa-warehouse"></i>
                    موجود در انبار
                </div>
            </li>
        @else
            <li class="exist">
                <div class="c-product__seller-first-line">
                    <i class="fa fa-warehouse"></i>
                    ناموجود
                </div>
            </li>
        @endif
    </ul>
    <div class="row">
        <div class="col-12 p-0">
            <div id="product">
                <div class="row prise-row orginal">
                    <div class="col-12 p-0 text-right">
                       
                        <div class="c-price__value c-price__value--plp ">
                            @if($stock && $special)
                                <del>{{ number_format($price) }}</del>
                                    <div class="c-price__discount-oval"><span>٪{{ calculateDiscount($special, $price) }}</span>
                                </div>
                            @endif
                            <div class="c-price__value-wrapper pro my-2">
                                @if($stock)
                                    @if($price)
                                        <!--{{ number_format($special ?: $price) }}-->
                   
                                         {{ number_format(($product->special ?: $product->price) +   ($product->activeOptionValues->first()?->pivot?->price ?? 0)) }}
                                        <span class="c-price__currency" data="{{$product->price}}">تومان</span>
                                    @else
                                        تماس بگیرید
                                    @endif
                                @else
                                    ناموجود
                                @endif
                            </div>
                        </div>
                        
                        
                    </div>
                </div>
                
                    @if($stock && $price && checkSaleStatus())
                        <div class="form-group frm-btn mt-2 d-grid gap-2">
                           <div class="flex flex-cart">
                                <div class="product-qty-cont">
                                <div class="qty-buttons">
                                    <button wire:loading.attr="disabled" wire:click.prevent="increment" type="button" class="btn-qty btn-qty-up"><i class="fas fa-plus"></i></button>
                                    <button wire:loading.attr="disabled" wire:click.prevent="decrement" type="button" class="btn-qty btn-qty-down"><i class="fas fa-minus"></i></button>
                                </div>
                                <div class="qty-field">
                                    <input type="number" class="fld-qty order-amount" readonly wire:model.defer="quantity">
                                </div>
                            </div>
                            <button type="button" id="button-cart" class="btn btn-primary btn-lg" wire:loading.attr="disabled" wire:click.prevent="addToCart">
                                <i class="dk-button-icon dk-button-icon-addToCart"></i>افزودن به سبد خرید
                            </button>
                           </div>
                        </div>
                    @endif
          
                @unless($stock)
                    <div class="form-group frm-btn mt-2 link-sale d-grid gap-2">
                        <button type="button" class="btn btn-info btn-lg" wire:click="demand">
                            <i class="fa fa-bell"></i>
                            موجود شد به من اطلاع بده
                        </button>
                    </div>
                @endunless
            </div>
        </div>
    </div>
</div>