@if (isset($products) && count($products))

    <div class="product-container position-relative">
        <div class="common-slider"
            data-slick='{
                "slidesToShow": 4,
                "slidesToScroll": 1,
                "dots": false,
                "arrows": true,
                "responsive": [
                {
                    "breakpoint": 1281,
                    "settings": {
                    "slidesToShow": 3
                    }
                },
                {
                    "breakpoint": 768,
                    "settings": {
                    "slidesToShow": 2
                    }
                }
                ]
            }'>









            @foreach ($products as $product)
                @php
                    $hasPromo = $product->hasPromo();
                    $reviews = $product->getReviewData();
                    $hasOption = $product->hasOption();
                    $u = $product->getViewUrl();
                    $style_attrs = $product->style_attrs ?? [];
                    $downPercent = $product->getDownPercent();
                    $listPrice = $product->priceFormat('list');
                    $finalPrice = $product->priceFormat('final');
                @endphp
                <div class="new-item" data-aos="fade-up" data-aos-duration="300">


                    <form action="{{ route('web.orders.add-to-cart') }}" class="product-item-form {{ parse_classname('product-item-form') }}" data-product-id="{{ $product->id }}">
                        @csrf
                        @if ($product->options)
                            @foreach ($product->options as $opt)
                                @if (!in_array($opt->name, ['color']))
                                    @php
                                        $def = null;
                                        if ($opt->values) {
                                            foreach ($opt->values as $av) {
                                                if ($av->is_default) {
                                                    $def = $av->value_id;
                                                }
                                            }
                                            if (!$def) {
                                                $i = 0;
                                                foreach ($opt->values as $av) {
                                                    if ($i == 0) {
                                                        $def = $av->value_id;
                                                    }
                                                    $i++;
                                                }
                                            }
                                        }
                                    @endphp
                                    <input type="hidden" name="attrs[{{ $opt->name }}]" value="{{ $def }}">
                                @endif
                            @endforeach
                        @endif
                        <div class="product-card">
                            <div class="product-card-img">
                                <a class="hover-switch" href="{{ $u }}">
                                    @if ($product->gallery && count($product->gallery))
                                        @foreach ($product->gallery as $item)
                                            <img class="secondary-img" src="{{ $item->thumb400 ?? $product->getThumbnail() }}" alt="{{ $product->name }}">
                                            @continue
                                        @endforeach
                                    @else
                                        <img class="secondary-img" src="{{ $product->getThumbnail() }}" alt="{{ $product->name }}">
                                    @endif
                                    <img class="primary-img" src="{{ $product->getThumbnail() }}" alt="{{ $product->name }}">
                                </a>
                                @if ($product->price_status > -1 && $hasPromo)
                                    <div class="product-badge">
                                        <span class="badge-label badge-percentage rounded">-{{ $downPercent }}%</span>
                                    </div>
                                @endif

                                <div class="product-card-action product-card-action-2">
                                    <a href="#quickview-modal" class="quickview-btn btn-primary" data-bs-toggle="modal">{{ scw_text('quickview') }}</a>
                                    <a href="javascript:void(0)" type="submit" class="addtocart-btn btn-primary {{ parse_classname('add-to-cart') }}" data-product-id="{{ $product->id }}">{{ scw_text('add_to_cart') }}</a>
                                </div>

                                <a href="javascript:void(0);" class="wishlist-btn card-wishlist">
                                    <svg class="icon icon-wishlist" width="26" height="22" viewBox="0 0 26 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M6.96429 0.000183105C3.12305 0.000183105 0 3.10686 0 6.84843C0 8.15388 0.602121 9.28455 1.16071 10.1014C1.71931 10.9181 2.29241 11.4425 2.29241 11.4425L12.3326 21.3439L13 22.0002L13.6674 21.3439L23.7076 11.4425C23.7076 11.4425 26 9.45576 26 6.84843C26 3.10686 22.877 0.000183105 19.0357 0.000183105C15.8474 0.000183105 13.7944 1.88702 13 2.68241C12.2056 1.88702 10.1526 0.000183105 6.96429 0.000183105ZM6.96429 1.82638C9.73912 1.82638 12.3036 4.48008 12.3036 4.48008L13 5.25051L13.6964 4.48008C13.6964 4.48008 16.2609 1.82638 19.0357 1.82638C21.8613 1.82638 24.1429 4.10557 24.1429 6.84843C24.1429 8.25732 22.4018 10.1584 22.4018 10.1584L13 19.4036L3.59821 10.1584C3.59821 10.1584 3.14844 9.73397 2.69866 9.07411C2.24888 8.41426 1.85714 7.55466 1.85714 6.84843C1.85714 4.10557 4.13867 1.82638 6.96429 1.82638Z"
                                            fill="black" />
                                    </svg>
                                </a>
                            </div>
                            <div class="product-card-details text-center">
                                <h3 class="product-card-title">
                                    <a href="{{ $u }}">{{ $product->name }}</a>
                                </h3>
                                <div class="product-card-price">
                                    @if ($product->price_status > -1)
                                        <span class="card-price-regular">{{ $finalPrice }}</span>
                                        @if ($hasPromo)
                                            <span class="card-price-compare text-decoration-line-through">{{ $listPrice }}</span>
                                        @endif
                                    @else
                                        <span class="card-price-regular">{{ scw_text('contact') }}</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            @endforeach
        </div>
        <div class="activate-arrows show-arrows-always article-arrows arrows-white"></div>
    </div>
@endif