@props(['products' => []])

<div class="snap-carousel" id="monthly-deals-carousel">
    <!-- Mock Items if empty -->
    @for($i = 1; $i <= 5; $i++)
        <div class="snap-item">
            <div class="product-card">
                <div class="card-thumb">
                    <span style="color: #9CA3AF; font-size: 14px;">IMG</span>
                </div>
                <div class="card-body">
                    <h3 class="card-title">구글플레이 기프트카드 5만원권 특가 할인 [{{$i}}]</h3>
                    <div class="card-price-area">
                        <div class="price-row">
                            <span class="discount">-8%</span>
                            <span class="price">46,000</span>
                        </div>
                        <span class="original-price">50,000</span>
                        <br>
                        <span class="payment-badge">Card</span>
                    </div>
                </div>
            </div>
        </div>
    @endfor
</div>