
<?php $__env->startSection('content'); ?>

<div class="desktop home-menu">
    <div class="container-fluid-fluid">
        <div class="header-navbar">
            <div class="header-main-nav" style="box-shadow: 2px 5px 7px 0px #808080a6; margin-bottom: 30px;">
                <!-- Start Mainmanu Nav -->
                <div class="topnava">
                <nav class="mainmenu-nav pe-5" >
                    
                    <ul class="mainmenu slick-mainmenu"> 
                                                                           
                        <?php $__currentLoopData = $cats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        
                        <li class="<?php echo e($cat->subcats->count() >0? 'menu-item-has-children':''); ?>">
                            <a href="<?php echo e(route('front.subCategories',[$cat->url])); ?>"><?php echo e($cat->name); ?></a>
                            <?php if($cat->subcats->count()): ?>
                            <ul class="axil-submenu ">
                                <?php $__currentLoopData = $cat->subcats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sub): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <li ><a href="<?php echo e(route('front.products.index')); ?>?category_id=<?php echo e($cat->id); ?>&sub_category_id=<?php echo e($sub->id); ?>"><?php echo e($sub->name); ?></a></li>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </ul>
                            <?php endif; ?>
                        </li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>                  
                      
                    </ul>
                    
                </nav>
                 </div>
                <!-- End Mainmanu Nav -->
            </div>
        </div>
    </div>
</div>
<!-- End Mainmenu Area -->
        
<main class="main-wrapper"> 

<!-- Start Desktop Slider Area -->
<div class="desktop-slide slider axil-main-slider-area main-slider-style-2">
    <div class="container-fluid">
        <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-inner">
                <?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$s): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="carousel-item  <?php echo e($key==0 ?'active':''); ?>">
                  	<a href="<?php echo e($s->link); ?>">
                    	<img src="<?php echo e(getImage('sliders', $s->image)); ?>" class="d-block w-100" alt="..." />
                  	</a>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>
</div>
<!-- End Slider Area -->

<!-- Start Mobile Slider Area -->
<div class="mobile-slide slider axil-main-slider-area main-slider-style-2" style="padding-top: 18px;">
    <div class="container-fluid">
        <div id="McarouselExampleControls" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-inner">
                <?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$s): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="carousel-item  <?php echo e($key==0 ?'active':''); ?>">
                  	<a href="<?php echo e($s->link); ?>">
                  		<img src="<?php echo e(getImage('sliders', $s->mobile_image)); ?>" style="display:none" class="d-block w-100" alt="..." />
                    </a>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>            
        </div>
    </div>
</div>
<!-- End Slider Area -->

<!-- Start Axil Newsletter Area  -->
<?php $__currentLoopData = $images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $im): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($im->section=='3'): ?>
<div class="desktop-slide recommended axil-newsletter-area pt--10">
    <div class="container-fluid">
        <div class="etrade-newsletter-wrapper bg_image">
            <div class="newsletter-content">
              	<a href="<?php echo e($im->link); ?>">
                	<img src="<?php echo e(getImage('homeimages', $im->image)); ?>" class="d-block w-100" style="height: 125px;" alt="..." />
              	</a>
            </div>
        </div>
    </div>
</div>
  
<div class="mobile-slide recommended axil-newsletter-area pt--10">
    <div class="container-fluid">
        <div class="etrade-newsletter-wrapper bg_image">
            <div class="newsletter-content">
              	<a href="<?php echo e($im->link); ?>">
                <img src="<?php echo e(getImage('homeimages', $im->mobile_image)); ?>" class="d-block w-100" style="height: 80px;" alt="..." />
              </a>
            </div>
        </div>
    </div>
</div>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<!-- End Axil Newsletter Area  -->
  <div class="mobile-gap-trending"></div>
<!-- Start Expolre Product Area  -->
<div class="axil-product-area bg-color-white pt--10">
    <div class="container-fluid">
      
        <a class="viewall-right" href="<?php echo e(route('front.products.index')); ?>"><span class="title-highlighter view all highlighter-primary"> View All >></span></a>
        <div class="section-title-wrapper">
            <h2 class="title">New Arivals</h2>
        </div>      
      
        <div class="explore-product-activation slick-layout-wrapper slick-layout-wrapper--15 axil-slick-arrow arrow-top-slide">
            <div class="slick-single-layout" id="trending_data">
                
            </div>
            <!-- End .slick-single-layout -->
        </div>

    </div>
</div>
<!-- End Expolre Product Area  -->

<div class="mobile-gap-recommended"></div>
<!-- Start Expolre Product Area  -->
<div class="axil-product-area bg-color-white pt--10">
    <div class="container-fluid">
      
        <a class="viewall-right" href="<?php echo e(route('front.products.index')); ?>"><span class="title-highlighter view all highlighter-primary"> View All <span class="visualy"> >> </span></span></a>
        <div class="section-title-wrapper">            
            <h2 class="title">Recommended Product</h2>
        </div>
      
        <div class="explore-product-activation slick-layout-wrapper slick-layout-wrapper--15 axil-slick-arrow arrow-top-slide">
            <div class="slick-single-layout" id="recommended_data">
                
            </div>
            <!-- End .slick-single-layout -->
        </div>
        

    </div>
</div>
<!-- End Expolre Product Area  -->


<!--
<?php $__currentLoopData = $images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $im): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($im->section=='2'): ?>
<div class="desktop-slide hot-deals axil-newsletter-area pt--10">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
            <div class="etrade-newsletter-wrapper bg_image">
                <div class="newsletter-content">
                  	<a href="<?php echo e($im->link); ?>">
                    <img src="<?php echo e(getImage('homeimages', $im->image)); ?>" class="d-block w-100" style="height: 125px;" alt="..." />
                  </a>
                </div>
            </div>
            </div>
        </div>
    </div>
     
</div>
  
<div class="mobile-slide hot-deals axil-newsletter-area pt--10">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
            <div class="etrade-newsletter-wrapper bg_image">
                <div class="newsletter-content">
                  	<a href="<?php echo e($im->link); ?>">
                    <img src="<?php echo e(getImage('homeimages', $im->mobile_image)); ?>" class="d-block w-100" style="height: 80px;" alt="..." />
                  </a>
                </div>
            </div>
            </div>
        </div>
    </div>
    -->
</div>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<!-- End Image Area  -->



<!-- Start Expolre Product Area  -->
<div class="axil-product-area bg-color-white pt--10">
    <div class="container-fluid">
      

        <a class="viewall-right" href="<?php echo e(route('front.discountProduct')); ?>"><span class="title-highlighter view all highlighter-primary"> View All >></span></a>
        <div class="section-title-wrapper">
            <h2 class="title">Best Offers</h2>
        </div>

     
        <div class="hotdeal-data" style="padding-top:12px">
            <div class="explore-product-activation slick-layout-wrapper slick-layout-wrapper--15 axil-slick-arrow arrow-top-slide" id="hotdeal_data">
                
            </div>
        </div>       

    </div>
</div>
<!-- End Expolre Product Area  -->


<!-- Start Image Area  -->
<?php $__currentLoopData = $images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $im): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($im->section=='1'): ?>
<div class="desktop-slide trending axil-newsletter-area pt--10">
    <div class="container-fluid">
        <div class="etrade-newsletter-wrapper bg_image">
            <div class="newsletter-content">
              	<a href="<?php echo e($im->link); ?>">
                  <img src="<?php echo e(getImage('homeimages', $im->image)); ?>" class="d-block w-100" style="height: 125px;" alt="..." />
                </a>
            </div>
        </div>
    </div>
    <!-- End .container-fluid -->
</div>
  
<div class="mobile-slide trending axil-newsletter-area pt--10">
    <div class="container-fluid">
        <div class="etrade-newsletter-wrapper bg_image">
            <div class="newsletter-content">
              	<a href="<?php echo e($im->link); ?>">
                	<img src="<?php echo e(getImage('homeimages', $im->mobile_image)); ?>" class="d-block w-100" style="height: 80px;" alt="..." />
              	</a>
            </div>
        </div>
    </div>
</div>
  
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<!-- End Image Area  -->

<!-- Start Image Area  -->
<?php $__currentLoopData = $images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $im): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($im->section=='4'): ?>
<div class="desktop-slide top-brands axil-newsletter-area pt--10 pb-6">
    <div class="container-fluid">
        <div class="etrade-newsletter-wrapper bg_image">
            <div class="newsletter-content">
              <a href="<?php echo e($im->link); ?>">
                <img src="<?php echo e(getImage('homeimages', $im->image)); ?>" class="d-block w-100" style="height: 125px;" alt="..." />
              </a>
            </div>
        </div>
    </div>
    <!-- End .container-fluid -->
</div>
  
<div class="mobile-slide top-brands axil-newsletter-area pt--10 pb-6">
    <div class="container-fluid">
        <div class="etrade-newsletter-wrapper bg_image">
            <div class="newsletter-content">
              <a href="<?php echo e($im->link); ?>">
                <img src="<?php echo e(getImage('homeimages', $im->mobile_image)); ?>" class="d-block w-100" style="height: 80px;" alt="..." />
              </a>
            </div>
        </div>
    </div>
    <!-- End .container-fluid -->
</div>
  
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<!-- End Image Area  -->

<!-- Start Categorie Area  -->
<div class="brand bg-color-white" style="margin-top: -15px;">
    <div class="container-fluid">
      <h2 class="title">Brand</h2>        
        
        <div class="row pt-5">
            <?php $__currentLoopData = $brands; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-6 col-sm-4 col-lg-2">
                <a title="<?php echo e($item->name); ?>" style="transition: all 0.5s ease-in-out;box-shadow: 0 0 12px rgb(0 0 0 / 42%);" href="<?php echo e(route('front.products.index')); ?>?brand_id=<?php echo e($item->id); ?>" class="cat-block">
                    <figure>
                        <span>
                            <img style="padding: 10px;" src="<?php echo e(getImage('types', $item->image)); ?>" />
                        </span>
                    </figure>
                </a>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            <!-- End .col-sm-4 col-lg-2 -->
        </div>
    </div>
</div>
<!-- End Categorie Area  -->

</main>

<?php $__env->stopSection(); ?>

<?php $__env->startPush('js'); ?>

<script type="text/javascript">
    $(document).ready(function(){
        getTrending();
        getHotDeal();
        getRecommended();

        function getTrending(){
            let url='<?php echo e(route("front.trendingProduct")); ?>';
            $.ajax({
                url: url,
                method: 'GET',
                data:{},
                dataType :"JSON",
                success: function (res) {

                    if (res.success) {
                        $('div#trending_data').html(res.html);
                    }
                   
                }
            });
        }

        function getHotDeal(){
            let url='<?php echo e(route("front.hotdealProduct")); ?>';
            $.ajax({
                url: url,
                method: 'GET',
                data:{},
                dataType :"JSON",
                success: function (res) {

                    if (res.success) {
                        $('div#hotdeal_data').html(res.html);
                    }
                   
                }
            });
        }

        function getRecommended(){
            let url='<?php echo e(route("front.recommendedProduct")); ?>';
            $.ajax({
                url: url,
                method: 'GET',
                data:{},
                dataType :"JSON",
                success: function (res) {

                    if (res.success) {
                        $('div#recommended_data').html(res.html);
                    }
                   
                }
            });
        }


    });
</script>
<style>
.topnava {
    background-color: #f85506;
    color: white;
}
.topnava a {
    color: white;
    text-align: center;
    padding: 7px 7px;
    text-decoration: none;
    font-size: 17px;
}
.topnava a:hover {
    background-color: #8d0033;
    color: white;
}
.mainmenu>.menu-item-has-children>a::after {
  color: #ffffff;
}
.header-main-nav .mainmenu-nav .mainmenu>li>a {
    color: #fff;
}
.mainmenu>.menu-item-has-children .axil-submenu li a:hover {
    color: #ffffff;
}
</style>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('frontend.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\xamp\htdocs\caremedi2\resources\views/frontend/home.blade.php ENDPATH**/ ?>