<!-- Include page layout -->


<!-- Start page content -->
<?php $__env->startSection('content'); ?>
    <!--Hero Section-->
    <div class="hero-section hero-background" >
        <h1 class="page-title"><?php echo e($Product->Category->title); ?></h1>
    </div>

    <!--Navigation section-->
    <div class="container">
        <nav class="biolife-nav">
            <ul>
                <li class="nav-item"><a href="index-2.html" class="permal-link">Home</a></li>
                <li class="nav-item"><a href="<?php echo e(route('products')); ?>" class="permal-link">Products</a></li>
                <li class="nav-item"><span class="current-page"><?php echo e($Product->Category->title); ?></span></li>
            </ul>
        </nav>
    </div>

    <div class="page-contain single-product">
        <div class="container">

            <!-- Main content -->
            <div id="main-content" class="main-content">

                <!-- summary info -->
                <div class="sumary-product single-layout">
                    <div class="media">
                        <ul class="biolife-carousel slider-for"
                            data-slick='{"arrows":false,"dots":false,"slidesMargin":30,"slidesToShow":1,"slidesToScroll":1,"fade":true,"asNavFor":".slider-nav"}'>
                            <li><img src="<?php echo e($Product->imageUrl); ?>" alt="" width="500" height="500"></li>
                            <?php $__currentLoopData = $Product->ProductImages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <li><img src="<?php echo e($image->imageUrl); ?>" alt="" width="500" height="500"></li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                        <ul class="biolife-carousel slider-nav"
                            data-slick='{"arrows":false,"dots":false,"centerMode":false,"focusOnSelect":true,"slidesMargin":10,"slidesToShow":4,"slidesToScroll":1,"asNavFor":".slider-for"}'>
                            <li><img src="<?php echo e($Product->ImageUrl); ?>" alt="" width="88" height="88"></li>
                            <?php $__currentLoopData = $Product->ProductImages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <li><img src="<?php echo e($image->ImageUrl); ?>" alt="" width="88" height="88"></li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                    </div>
                    <div class="product-attribute">
                        <h3 class="title"><?php echo e($Product->title); ?></h3>
                        <div class="rating">
                            <p class="star-rating"><span style="width: <?php echo e($Product->RatingPercentage); ?>%;"></span></p>
                            
                            
                            <b class="category">By: <?php echo e($Product->Category->title); ?></b>
                        </div>
                        <span class="sku">Sku: <?php echo e($Product->slug); ?></span>
                        <p class="excerpt"><?php echo e($Product->description); ?></p>
                        
                        <div class="product-atts">
                            <div class="atts-item">
                                <ul class="color-list">
                                    <?php $__currentLoopData = $Product->AboutLines; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $Lines): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <li class="color-item"> <i class="bi bi-hand-index-thumb"></i> <?php echo e($Lines); ?></li>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>                                  
                                </ul>
                            </div>
                        </div>
                        
                    </div>
                    <div class="action-form">
                        <div class="quantity-box">
                            <span class="title">Quantity:</span>
                            <div class="qty-input">
                                <input type="text" name="qty12554" value="1" data-max_value="1000" data-min_value="1"
                                    data-step="1" id="product_quantity">
                                <a href="#" class="qty-btn btn-up"><i class="fa fa-caret-up"
                                        aria-hidden="true"></i></a>
                                <a href="#" class="qty-btn btn-down"><i class="fa fa-caret-down"
                                        aria-hidden="true"></i></a>
                            </div>
                        </div>
                        
                        

                        <div class="buttons">
                            <a href="#" onclick="CartAProduct(<?php echo e($Product->id); ?>,document.getElementById('product_quantity').value); return false;" class="btn add-to-cart-btn">Checkout Via Whatsapp</a>
                        </div>
                        
                        <div class="social-media">
                            <ul class="social-list">
                                <li><a href="#" class="social-link"><i class="fa fa-twitter"
                                            aria-hidden="true"></i></a>
                                </li>
                                <li><a href="#" class="social-link"><i class="fa fa-facebook"
                                            aria-hidden="true"></i></a>
                                </li>
                                <li><a href="#" class="social-link"><i class="fa fa-pinterest"
                                            aria-hidden="true"></i></a>
                                </li>
                                <li><a href="#" class="social-link"><i class="fa fa-share-alt"
                                            aria-hidden="true"></i></a>
                                </li>
                                <li><a href="#" class="social-link"><i class="fa fa-instagram"
                                            aria-hidden="true"></i></a>
                                </li>
                            </ul>
                        </div>
                        
                    </div>
                </div>

                <!-- Tab info -->
                

                <!-- related products -->
                <div class="product-related-box single-layout">
                    <div class="biolife-title-box lg-margin-bottom-26px-im">
                        <span class="biolife-icon icon-organic"></span>
                        <span class="subtitle">All the best item for You</span>
                        <h3 class="main-title">Related Products</h3>
                    </div>
                    <ul class="products-list biolife-carousel nav-center-02 nav-none-on-mobile"
                        data-slick='{"rows":1,"arrows":true,"dots":false,"infinite":false,"speed":400,"slidesMargin":0,"slidesToShow":5, "responsive":[{"breakpoint":1200, "settings":{ "slidesToShow": 4}},{"breakpoint":992, "settings":{ "slidesToShow": 3, "slidesMargin":20 }},{"breakpoint":768, "settings":{ "slidesToShow": 2, "slidesMargin":10}}]}'>
                        <?php $__currentLoopData = $Product->Category->Products()->where('id','!=',$Product->id); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $SimilarProduct): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li class="product-item">
                                <div class="contain-product layout-default">
                                    <div class="product-thumb">
                                        <a href="#" class="link-to-product">
                                            <img src="<?php echo e($Product->imageUrl); ?>" alt="dd" width="270"
                                                height="270" class="product-thumnail">
                                        </a>
                                    </div>
                                    <div class="info">
                                        <b class="categories"><?php echo e($Product->Category->title); ?></b>
                                        <h4 class="product-title"><a href="#" class="pr-name"><?php echo e($Product->title); ?>t</a>
                                        </h4>
                                        
                                        <div class="slide-down-box">
                                            <p class="message"><?php echo e($Product->description); ?></p>
                                            <div class="buttons">
                                                <a href="#" class="btn wishlist-btn"><i class="fa fa-heart"
                                                        aria-hidden="true"></i></a>
                                                <a href="#" class="btn add-to-cart-btn"><i
                                                        class="fa fa-cart-arrow-down" aria-hidden="true"></i>add to cart</a>
                                                <a href="#" class="btn compare-btn"><i class="fa fa-random"
                                                        aria-hidden="true"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>                        
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>
                </div>

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

<?php echo $__env->make('layouts.front', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\Users\Irfan\Desktop\ErpLite\resources\views/view_product.blade.php ENDPATH**/ ?>