<?php if(setting('FEATURES_SLIDER_TEXT')): ?>
    <div class="container mt-3">
        <h3 class="title  col-md-12"><span><?php echo e(setting('FEATURES_SLIDER_TEXT')); ?></span><a href="#"></a></h3>
    </div>
<?php endif; ?>
<section class="hero-2 featured_slider_wrap my-3 mr-40 m-hide">
    <div class="container">
        <div class="row wp autoplay2 slick-slides featurs_slider">
            
                <?php $__currentLoopData = $sliders_f; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $slider_f): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-12 col-md-12 col-sm-12">
                        <a href="<?php echo e($slider_f->url); ?>">
                            <img src="<?php if(file_exists(public_path() . '/uploads/slider/' . $slider_f->image)): ?><?php echo e(asset('uploads/slider/' . $slider_f->image)); ?><?php else: ?><?php echo e(asset('/icon/no-img-cat.png')); ?><?php endif; ?>" alt="">
                        </a>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            
        </div>
    </div>
</section>

<?php $__env->startPush('js'); ?>
<style>
    .featured_slider_wrap{
        max-height: 200px;
        overflow: hidden;
    }
    @media(max-width:576px) {
        .featured_slider_wrap{
            max-height: 100px;
        }
    }
</style>
<script>
    // Slick Slider
    $(document).ready(function(){
        $('.featurs_slider').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 2500,
            speed: 500,
            dots: false, // Enable navigation dots if needed
            arrows: false, // Enable left and right navigation arrows
            infinite: true,
            centerMode: false,
            cssEase: 'ease-in-out',
            touchThreshold: 100,
            responsive: [
                {
                    breakpoint: 767,
                    settings: {
                        slidesToShow: 2,
                    }
                },

            ]   
        });
    });
</script>
<?php $__env->stopPush(); ?><?php /**PATH /home/apleefix/shopping.apleefix.com/resources/views/frontend/partial/index/features_slider.blade.php ENDPATH**/ ?>