@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">
                    <img src="{{ asset('assets/images/web/giftimg/culturegift.png') }}"
                         alt="사이트명"
                         class="product-img">
                    <div class="thumb-badges">
                        <span class="pay-tag pay-tag--sale">SALE</span>
                        <span class="pay-tag pay-tag--phone">PHONE</span>
                        <span class="pay-tag pay-tag--card">CARD</span>
                        <span class="pay-tag pay-tag--kbank">K-BANK</span>
                    </div>
                </div>
                <div class="card-body">
                    <h3 class="card-title">문화상품권 {{$i}}만원권 즉시발송</h3>
                    <div class="card-price-area">
                        <div class="price-row">
                            <span class="discount">-{{$i}}%</span>
                            <span class="original-price">50,000</span>
                            <span class="price">{{50 - $i}},000</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endfor
</div>
