<?php
$products = $carousel->getProducts();
?>

<?php if(count($products) > 5): ?>
<div class="row carousel-wraper">
    <div class="col-xs-12">
        <div class="row carousel-intro">
            <div class="col-xs-8 carousel-title"><h3><?php echo e($carousel->ctranslation->car_title); ?></h3></div>
            <div class="col-xs-4 carousel-nav text-right" id="ocnaw<?php echo e($cid); ?>"></div>
            <div class="col-xs-12">
                <hr></div>
        </div>
    </div>
    <div class="col-xs-12 owl-carousel owl-theme" id="owl-carousel<?php echo e($cid); ?>">

        <?php echo $__env->make('frontend.components.products_list', ['products' => $products, 'type' => 'c', 'num' => 4], \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>

    </div>
</div>
<?php $__env->startPush('scripts'); ?>
<script>
    $(document).ready(function(){
        $("#owl-carousel<?php echo e($cid); ?>").owlCarousel({
            loop:true,
            margin:15,
            responsiveClass:true,
            dots:true,
            autoplay: false,
            nav: true,
            navContainer: '#ocnaw<?php echo e($cid); ?>',
            navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
            responsive:{
                0:{
                    items:2,
                    /*nav:false*/
                },
                600:{
                    items:3,
                    /*nav:false*/
                },
                992:{
                    items:5,
                    /*nav:false,*/
                    loop:true
                },
                1400:{
                    items:6,
                    /*nav:false,*/
                    loop:true
                }
            }
        });
    });
</script>
<?php $__env->stopPush(); ?>
<?php endif; ?>
