{{-- col-xxl-2 --}}
<div class="col-6 col-md-4 col-lg-3 col-xl-3 sm:py-5">
    <div class="widget-product m-w-full w-full mb-20" title="{{ $product->name }}">
        <a href="{{ $product->showPage() }}" style="width: 100%;">
            <div class="image-container">
                <img class="p-card-img" src="{{ $product->thumbnail('288x431') }}">
                
                {{-- Kargo bedavo bage --}}
                <div class="product-stamps">
                    {{-- <div class="stamp-box-wrapper enhanced">
                        <div class="stamp fc">
                            <div class="inner">KARGO BEDAVA</div>
                        </div>
                    </div> --}}
                    <div class="custom-stamp-box-wrapper">
                        <div class="upper-left">
                            {{-- <img src="https://cdn.dsmcdn.com/mnresize/250/250/indexing-sticker-stamp/moon/e68c3d96-a877-4e49-923b-ca420419ab40.png" style="width: 25%;"> --}}
                            {{-- <img src="https://cdn.dsmcdn.com/mnresize/250/250/marketing/datascience/automation/2020/12/9/EnCokSatan_202012091129.png" style="width: 25%;"> --}}
                        </div>
                    </div>
                </div>

            </div>
            <div class="description fixed-elements">
                <div class="product-brand-description two-line-text">
                    <span class="brand">{{ $product->brand?->name }}</span>
                    <span class="name">{{ Str::limit($product->name, 66, '...') }}</span>
                </div>
                <div class="ratings">
                    <div class="star-w">
                        <div class="empty">
                            <div class="star"></div>
                        </div>
                        <div class="full" style="width: 100%; max-width: 100%;">
                            <div class="star"></div>
                        </div>
                    </div>
                    <div class="star-w">
                        <div class="empty">
                            <div class="star"></div>
                        </div>
                        <div class="full" style="width: 100%; max-width: 100%;">
                            <div class="star"></div>
                        </div>
                    </div>
                    <div class="star-w">
                        <div class="empty">
                            <div class="star"></div>
                        </div>
                        <div class="full" style="width: 100%; max-width: 100%;">
                            <div class="star"></div>
                        </div>
                    </div>
                    <div class="star-w">
                        <div class="empty">
                            <div class="star"></div>
                        </div>
                        <div class="full" style="width: 100%; max-width: 100%;">
                            <div class="star"></div>
                        </div>
                    </div>
                    <div class="star-w">
                        <div class="empty">
                            <div class="star"></div>
                        </div>
                        <div class="full" style="width: 88%; max-width: 100%;">
                            <div class="star"></div>
                        </div>
                    </div><span class="ratingCount">(1534)</span>
                </div>
                <div class="price-container">
                    <div class="prices">
                        <div>
                            <div class="price-box discounted">{{ $product->price_amount }} TMT</div>
                            @if($product->old_price_amount)
                                <div class="price-box original">{{ $product->old_price_amount }} TMT</div>
                            @endif
                        </div>
                        <div>
                            @if($product->old_price_amount)
                                <div class="price-discount-box ml-5">{{ $product->discountPercentage() }}%</div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </a>
        @include('web.themes.trendyol.components.products.buttons.add-to-wishlist', [
            'product_id' => $product->id
        ])
        @include('web.themes.trendyol.components.products.buttons.add-to-cart', [
            'product_id' => $product->id
        ])
    </div>
</div>
