@if (count($result) > 0)
    <div class="title-content" style=" margin-left: 18px;">
        <h2 class="title">{{ $caption }}</h2>
    </div>

    <div class="catagories-area">
        <div class="catagories-nav-1">
            <!-- Slider main container -->
            <div class="swiper swiper-initialized swiper-horizontal swiper-ios" style="margin-right: 0px;">
                <!-- Additional required wrapper -->
                <div class="swiper-wrapper px-4" id="swiper-wrapper-5b10311cce8cfb9b3" aria-live="polite"
                    style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                    <!-- Slides -->

                    @foreach ($result as $product)
                        <div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 3"
                            style="margin-right: 12px;width: 45%!important;">
                            <a href="{{ $product->slug }}" class="home-categories-link" style="height: 100%;"><img width="120"
                                    height="120"
                                    src="up_data/products/images/medium/{{ $product->image }}"
                                    alt="{{ $product->name }}">
                                <br>
                                {{ $product->name }} 
                                <br>
                                <div class="variation-sku">Multiple Sizes &amp; Colors</div>
                                {{-- @if($product->type != 'variation' ) {{ $product->price_discounted }} @else Multiple SKUs available @endif --}}
                            </a>
                        </div>
                    @endforeach

                    
                    
                </div>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>
        </div>
    </div>

    {{-- <div class="catagories-wrapper swiper" style="margin: 0 13px;">
        <div class="catagories-wrapper-content swiper-wrapper">
            @foreach ($result as $product)
                @php
                    $path = 'up_data/products/images/thumbnails/' . $product->image;
                @endphp
                @push('head-area')
                    <link rel="preload" href="{{ $path }}" as="image">
                @endpush
                {!! \App\Models\Product::productBlock($product, 'mobile') !!}
            @endforeach
        </div>
    </div> --}}
@endif