<?php $__env->startSection('meta_title'); ?>
   Products
<?php $__env->stopSection(); ?>

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

     <!-- Content Wrapper Start -->
            <div class="content-wrapper">

                
                   <?php echo $__env->make('website.partial.__banner',['section'=>'Products'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                

                <!-- Service Section Start -->
                <section class="service-wrap pt-50 pb-50 product-list-page">
                    <div class="container">

                        <div class="hero-slider-product-page owl-carousel" style="direction: ltr !important">

                            <?php $__currentLoopData = $posts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="hero-slide-item row" style="direction: <?php echo e(app()->getLocale()!=='en'?'rtl':'ltr'); ?>">
                            <div class="col-md-6 text-center text-align-center" >
                                <div class="col-md-11 mx-auto">
                                    <img id="product-item-image img-fluid" src="<?php echo e(render_image_path($product->caption_image)); ?>"  alt="<?php echo e(render_post_title($product)); ?>">
                                    <h4 class="mt-1" data-aos="fade-up">
                                        <?php echo e(render_post_title($product)); ?>

                                    </h4>
                                </div>
                            </div>
                            <div class="col-md-6"  >
                                <div class="col-md-8 mx-auto" data-aos="fade-up">
                                        <?php echo render_post_description($product); ?>

                                </div>
                            </div>
                        </div>
                          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </section>
                <!-- Service Section End -->

               

                <section class="wh-wrap style1  ptb-50 text-center">
                <div class="container">
                    <div class="partner-slider-one owl-carousel " id="product-page-list" >
                        <?php $__currentLoopData = $posts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                 
                                        <img class="item" data-index=<?php echo e($key); ?> src="<?php echo e(render_image_path($item->image)); ?>" style="max-height: 160px;width: 60px;cursor: pointer;" alt="<?php echo e(render_post_title($item)); ?>" id="<?php echo e($item->id); ?>">

                        
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </section>

               

               
                    <?php echo $__env->make('website.partial.__order', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                  
            </div>
<?php $__env->stopSection(); ?>






<?php $__env->startPush('scripts'); ?>
<script src="<?php echo e(asset('assets/cutome/app.js')); ?>"></script>

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

<?php echo $__env->make('website.layout.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\xampp\htdocs\2024\projects\laravel\aria_water\resources\views/website/product/index.blade.php ENDPATH**/ ?>