<?php $__env->startSection('content'); ?>
    <section class="inner-banner">
        <img src="<?php echo e($data->cmsImages('banner_image') ?? ''); ?>" alt="image" class="img-fluid w-100 h-100">
        <div class="container">
            <div class="inner-banner__content">
                <h1><?php echo e($data->content['banner_heading'] ?? ''); ?></h1>
            </div>
        </div>
    </section>

    <section class="productSec padd-y">
        <div class="container">
            <h2 class="secHeading text-center" data-aos="fade-up"><?php echo e($data->content['main_heading'] ?? ''); ?></h2>
            <div class="row">
                <div class="col-md-12">
                    <div class="productTabs" data-aos="fade-up">

                        <ul class="nav nav-pills" id="pills-tab" role="tablist">

                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="pills-home-tab" data-toggle="pill"
                                    data-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
                                    aria-selected="true">All Candle</button>
                            </li>
                            <?php $__empty_1 = true; $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-<?php echo e($cat->slug); ?>-tab" data-toggle="pill"
                                        data-target="#pills-<?php echo e($cat->slug); ?>" type="button" role="tab"
                                        aria-controls="pills-<?php echo e($cat->slug); ?>"
                                        aria-selected="false"><?php echo e($cat->name); ?></button>
                                </li>

                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-contact-tab" data-toggle="pill"
                                        data-target="#pills-contact" type="button" role="tab"
                                        aria-controls="pills-contact" aria-selected="false">NO Category Found</button>
                                </li>
                            <?php endif; ?>

                        </ul>
                    </div>
                    <div class="tab-content" id="pills-tabContent" data-aos="fade-up">
                        <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                            aria-labelledby="pills-home-tab">
                            <div class="row justify-content-center">
                                <?php $__empty_1 = true; $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $pro): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <?php if($pro->category_id == 1): ?>
                                        <div class="col-md-4 col-sm-6">
                                            <a href="<?php echo e(route('front.product.detail', $pro->id)); ?>" class="productWraps"
                                                data-aos="zoom-in">
                                                <figure>
                                                    <img src="<?php echo e($pro->productImage('product_image') ?: ''); ?>"
                                                        class="img-fluid" alt="">
                                                    <span>Sale!</span>
                                                </figure>
                                                <div class="productContent">
                                                    <h4><?php echo e($pro->name); ?></h4>
                                                    <h5 class="price"><?php echo e($pro->price); ?></h5>
                                                </div>
                                            </a>
                                        </div>
                                    <?php endif; ?>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                    <p>no data found</p>
                                <?php endif; ?>

                            </div>
                        </div>
                        <?php $__empty_1 = true; $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                            <div class="tab-pane fade" id="pills-<?php echo e($cat->slug); ?>" role="tabpanel"
                                aria-labelledby="pills-<?php echo e($cat->slug); ?>-tab">
                                <div class="row justify-content-center">
                                    <?php $__currentLoopData = $cat->products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="col-md-4 col-sm-6">
                                            <a href="<?php echo e(route('front.product.detail', $product->id)); ?>"
                                                class="productWraps" data-aos="zoom-in">
                                                <figure>
                                                    <img src="<?php echo e($product->getFirstMediaUrl('product_image')); ?>"
                                                        class="img-fluid" alt="<?php echo e($product->name); ?>">
                                                    <span>Sale!</span>
                                                </figure>
                                                <div class="productContent">
                                                    <h4><?php echo e($product->name); ?></h4>
                                                    <h5 class="price">


                                                        $<?php echo e(number_format($product->price, 2)); ?>


                                                    </h5>
                                                </div>
                                            </a>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                            <div class="tab-pane fade" id="pills-no-category" role="tabpanel"
                                aria-labelledby="pills-no-category-tab">
                                <div class="row justify-content-center">
                                    <p>No categories found</p>
                                </div>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('front.layout.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/servicedemoweb/public_html/luxury-candles/resources/views/front/luxury-candles.blade.php ENDPATH**/ ?>