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

<!-- SLIDER AREA START -->
<div class="ltn__slider-area ltn__slider-3 section-bg-1 mt-30">
    <div class="container">
        <div class="row">
            <!-- Categories Sidebar -->
            <div class="col-lg-3">
                <div class="ltn__category-menu-wrap">
                    <div class="ltn__category-menu-title">
                        <h2 class="section-bg-1 ltn__secondary-bg text-color-white">Categories</h2>
                    </div>
                    <div class="ltn__category-menu-toggle">
                        <ul>
                            <?php $__empty_1 = true; $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                <li class="ltn__category-menu-item">
                                    <a href="<?php echo e(route('shop.category', $category->slug)); ?>">
                                        <i class="icon-tag"></i>
                                        <?php echo e($category->name); ?>

                                        <span class="float-end">(<?php echo e($category->products_count); ?>)</span>
                                    </a>
                                </li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                <li class="ltn__category-menu-item">
                                    <a href="#"><i class="icon-tag"></i>No categories yet</a>
                                </li>
                            <?php endif; ?>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Slider -->
            <div class="col-lg-9">
                <div class="ltn__slide-active-2 slick-slide-arrow-1 slick-slide-dots-1">
                    <div class="ltn__slide-item ltn__slide-item-10 section-bg-1 bg-image" data-bs-bg="img/slider/61.jpg">
                        <div class="ltn__slide-item-inner">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-7 col-md-7 col-sm-7 align-self-center">
                                        <div class="slide-item-info">
                                            <div class="slide-item-info-inner ltn__slide-animation">
                                                <h5 class="slide-sub-title ltn__secondary-color animated text-uppercase">Up To 50% Off Today Only!</h5>
                                                <h1 class="slide-title animated">Premium Quality <br>Health Products</h1>
                                                <h5 class="color-orange animated">Starting at $16.99</h5>
                                                <div class="btn-wrapper animated">
                                                    <a href="<?php echo e(route('shop')); ?>" class="theme-btn-1 btn btn-effect-1 text-uppercase">Shop now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- SLIDER AREA END -->

<!-- PRODUCT TAB AREA START -->
<div class="ltn__product-tab-area ltn__product-gutter pt-115 pb-70">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title-area ltn__section-title-2 text-center">
                    <h1 class="section-title">Our Products</h1>
                    <p>Browse our collection of premium health and pharmaceutical products</p>
                </div>

                <!-- Category Tabs -->
                <div class="ltn__tab-menu ltn__tab-menu-2 text-uppercase text-center">
                    <div class="nav">
                        <a class="active show" data-bs-toggle="tab" href="#tab_drugs">
                            <?php echo e($drugCategory->name ?? 'Drugs'); ?>

                        </a>
                        <a data-bs-toggle="tab" href="#tab_weightloss">
                            <?php echo e($weightLossCategory->name ?? 'Weight Loss'); ?>

                        </a>
                    </div>
                </div>

                <div class="tab-content">
                    <!-- Drugs Tab -->
                    <div class="tab-pane fade active show" id="tab_drugs">
                        <div class="ltn__product-tab-content-inner">
                            <div class="row ltn__tab-product-slider-one-active slick-arrow-1">
                                <?php $__empty_1 = true; $__currentLoopData = $drugProducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <div class="col-lg-12">


                                        <div class="ltn__product-item ltn__product-item-3 text-center">
                                            <div class="product-img">
                                                <a href="<?php echo e(route('product.show', $product->slug)); ?>">
                                                    <?php if($product->images->count() > 0): ?>
                                                        <img src="<?php echo e(asset('storage/' . $product->images->first()->image)); ?>" alt="<?php echo e($product->name); ?>">
                                                    <?php else: ?>
                                                        <img src="<?php echo e(asset('img/product/default.png')); ?>" alt="<?php echo e($product->name); ?>">
                                                    <?php endif; ?>
                                                </a>

                                                <?php if($product->is_on_sale): ?>
                                                    <div class="product-badge">
                                                        <ul>
                                                            <li class="sale-badge">-<?php echo e($product->discount_percentage); ?>%</li>
                                                        </ul>
                                                    </div>
                                                <?php endif; ?>

                                              
                                            </div>

                                            <div class="product-info">
                                                <div class="product-ratting">
                                                    <ul>
                                                        <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fas fa-star-half-alt"></i></a></li>
                                                        <li><a href="#"><i class="far fa-star"></i></a></li>
                                                    </ul>
                                                </div>
                                                <h2 class="product-title">
                                                    <a href="<?php echo e(route('product.show', $product->slug)); ?>"><?php echo e($product->name); ?></a>
                                                </h2>
                                                <div class="product-price">
                                                    <?php if($product->is_on_sale): ?>
                                                        <span>$<?php echo e(number_format($product->discount_price, 2)); ?></span>
                                                        <del>$<?php echo e(number_format($product->price, 2)); ?></del>
                                                    <?php else: ?>
                                                        <span>$<?php echo e(number_format($product->price, 2)); ?></span>
                                                    <?php endif; ?>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                    <div class="col-12 text-center py-5">
                                        <p>No products in this category yet.</p>
                                    </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>

                    <!-- Weight Loss Tab -->
                    <div class="tab-pane fade" id="tab_weightloss">
                        <div class="ltn__product-tab-content-inner">
                            <div class="row ltn__tab-product-slider-one-active slick-arrow-1">
                                <?php $__empty_1 = true; $__currentLoopData = $weightLossProducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <div class="col-lg-12">
                                        <div class="ltn__product-item ltn__product-item-3 text-center">
                                            <div class="product-img">
                                                <a href="<?php echo e(route('product.show', $product->slug)); ?>">
                                                    <?php if($product->images->count() > 0): ?>
                                                        <img src="<?php echo e(asset('storage/' . $product->images->first()->image)); ?>" alt="<?php echo e($product->name); ?>">
                                                    <?php else: ?>
                                                        <img src="<?php echo e(asset('img/product/default.png')); ?>" alt="<?php echo e($product->name); ?>">
                                                    <?php endif; ?>
                                                </a>

                                                <?php if($product->is_on_sale): ?>
                                                    <div class="product-badge">
                                                        <ul>
                                                            <li class="sale-badge">-<?php echo e($product->discount_percentage); ?>%</li>
                                                        </ul>
                                                    </div>
                                                <?php endif; ?>

                                                <div class="product-hover-action">
                                                    <ul>
                                                        <li>
                                                            <a href="#" title="Quick View" data-bs-toggle="modal" data-bs-target="#quick_view_modal">
                                                                <i class="far fa-eye"></i>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#" title="Add to Cart" data-bs-toggle="modal" data-bs-target="#add_to_cart_modal">
                                                                <i class="fas fa-shopping-cart"></i>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#" title="Wishlist" data-bs-toggle="modal" data-bs-target="#liton_wishlist_modal">
                                                                <i class="far fa-heart"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>

                                            <div class="product-info">
                                                <div class="product-ratting">
                                                    <ul>
                                                        <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fas fa-star-half-alt"></i></a></li>
                                                        <li><a href="#"><i class="far fa-star"></i></a></li>
                                                    </ul>
                                                </div>
                                                <h2 class="product-title">
                                                    <a href="<?php echo e(route('product.show', $product->slug)); ?>"><?php echo e($product->name); ?></a>
                                                </h2>
                                                <div class="product-price">
                                                    <?php if($product->is_on_sale): ?>
                                                        <span>$<?php echo e(number_format($product->discount_price, 2)); ?></span>
                                                        <del>$<?php echo e(number_format($product->price, 2)); ?></del>
                                                    <?php else: ?>
                                                        <span>$<?php echo e(number_format($product->price, 2)); ?></span>
                                                    <?php endif; ?>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                    <div class="col-12 text-center py-5">
                                        <p>No products in this category yet.</p>
                                    </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- PRODUCT TAB AREA END -->

<!-- BEST SELLING PRODUCTS -->
<div class="ltn__product-area ltn__product-gutter pt-115 pb-70">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title-area ltn__section-title-2 text-center">
                    <h1 class="section-title">Best Selling Items</h1>
                </div>
            </div>
        </div>
        <div class="row ltn__tab-product-slider-one-active slick-arrow-1">
            <?php $__empty_1 = true; $__currentLoopData = $bestSellingProducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <div class="col-lg-3 col-md-4 col-sm-6 col-6">
                    <div class="ltn__product-item ltn__product-item-3 text-center">
                        <div class="product-img">
                            <a href="<?php echo e(route('product.show', $product->slug)); ?>">
                                <?php if($product->images->count() > 0): ?>
                                    <img src="<?php echo e(asset('storage/' . $product->images->first()->image)); ?>" alt="<?php echo e($product->name); ?>">
                                <?php else: ?>
                                    <img src="<?php echo e(asset('img/product/default.png')); ?>" alt="<?php echo e($product->name); ?>">
                                <?php endif; ?>
                            </a>

                            <?php if($product->is_on_sale): ?>
                                <div class="product-badge">
                                    <ul>
                                        <li class="sale-badge">-<?php echo e($product->discount_percentage); ?>%</li>
                                    </ul>
                                </div>
                            <?php endif; ?>

                            <div class="product-hover-action">
                                <ul>
                                    <li>
                                        <a href="#" title="Quick View" data-bs-toggle="modal" data-bs-target="#quick_view_modal">
                                            <i class="far fa-eye"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" title="Add to Cart" data-bs-toggle="modal" data-bs-target="#add_to_cart_modal">
                                            <i class="fas fa-shopping-cart"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" title="Wishlist" data-bs-toggle="modal" data-bs-target="#liton_wishlist_modal">
                                            <i class="far fa-heart"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="product-info">
                            <div class="product-ratting">
                                <ul>
                                    <li><a href="#"><i class="fas fa-star"></i></a></li>
                                    <li><a href="#"><i class="fas fa-star"></i></a></li>
                                    <li><a href="#"><i class="fas fa-star"></i></a></li>
                                    <li><a href="#"><i class="fas fa-star-half-alt"></i></a></li>
                                    <li><a href="#"><i class="far fa-star"></i></a></li>
                                </ul>
                            </div>
                            <h2 class="product-title">
                                <a href="<?php echo e(route('product.show', $product->slug)); ?>"><?php echo e($product->name); ?></a>
                            </h2>
                            <div class="product-price">
                                <?php if($product->is_on_sale): ?>
                                    <span>$<?php echo e(number_format($product->discount_price, 2)); ?></span>
                                    <del>$<?php echo e(number_format($product->price, 2)); ?></del>
                                <?php else: ?>
                                    <span>$<?php echo e(number_format($product->price, 2)); ?></span>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <div class="col-12 text-center py-5">
                    <p>No products available yet.</p>
                </div>
            <?php endif; ?>
        </div>
    </div>
</div>
<!-- BEST SELLING PRODUCTS END -->

<!-- SMALL PRODUCT LIST -->
<div class="ltn__small-product-list-area section-bg-1 pt-115 pb-90 mb-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title-area ltn__section-title-2 text-center">
                    <h1 class="section-title">Featured Products</h1>
                </div>
            </div>
        </div>
        <div class="row">
            <?php $__empty_1 = true; $__currentLoopData = $smallProducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <div class="col-lg-4 col-md-6 col-12">
                    <div class="ltn__small-product-item">
                        <div class="small-product-item-img">
                            <a href="<?php echo e(route('product.show', $product->slug)); ?>">
                                <?php if($product->images->count() > 0): ?>
                                    <img src="<?php echo e(asset('storage/' . $product->images->first()->image)); ?>" alt="<?php echo e($product->name); ?>">
                                <?php else: ?>
                                    <img src="<?php echo e(asset('img/product/default.png')); ?>" alt="<?php echo e($product->name); ?>">
                                <?php endif; ?>
                            </a>
                        </div>
                        <div class="small-product-item-info">
                            <div class="product-ratting">
                                <ul>
                                    <li><a href="#"><i class="fas fa-star"></i></a></li>
                                    <li><a href="#"><i class="fas fa-star"></i></a></li>
                                    <li><a href="#"><i class="fas fa-star"></i></a></li>
                                    <li><a href="#"><i class="fas fa-star-half-alt"></i></a></li>
                                    <li><a href="#"><i class="far fa-star"></i></a></li>
                                </ul>
                            </div>
                            <h2 class="product-title">
                                <a href="<?php echo e(route('product.show', $product->slug)); ?>"><?php echo e($product->name); ?></a>
                            </h2>
                            <div class="product-price">
                                <?php if($product->is_on_sale): ?>
                                    <span>$<?php echo e(number_format($product->discount_price, 2)); ?></span>
                                    <del>$<?php echo e(number_format($product->price, 2)); ?></del>
                                <?php else: ?>
                                    <span>$<?php echo e(number_format($product->price, 2)); ?></span>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <div class="col-12 text-center py-5">
                    <p>No featured products yet.</p>
                </div>
            <?php endif; ?>
        </div>
    </div>
</div>
<!-- SMALL PRODUCT LIST END -->

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

<?php echo $__env->make('layouts.guest', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /Users/ozil/notrace/resources/views/welcome.blade.php ENDPATH**/ ?>