
<?php $__env->startSection('title'); ?>
    Product Description
<?php $__env->stopSection(); ?>
<?php $__env->startSection('style_css'); ?>
<style>
    img {
        vertical-align: middle;
    }

    /* Hide the images by default */
    .mySlides {
        display: block;
    }

    .mySlides img {
        height: 420px;
    }

    /* Number text (1/3 etc) */
    .numbertext {
        color: #ff0000;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
    }

    /* Container for image text */
    .caption-container {
        text-align: center;
        background-color: #222;
        padding: 2px 16px;
        color: white;
    }

    .row:after {
        content: "";
        display: table;
        clear: both;
    }

    /* Six columns side by side */
    .column {
        float: left;
        width: 16.66%;
    }

    /* Add a transparency effect for thumnbail images */
    .demo {
        opacity: 0.6;
        height: 60px;
        width: 60px;
    }

    .active,
    .demo:hover {
        opacity: 1;
    }
</style>  
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<section style="margin-top:100px" id="products" class="products">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-12 mt-4 mt-md-0 mb-4">
                <div class="container">
                    <?php $__currentLoopData = $product_images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="mySlides">
                        <img src="<?php echo e(asset('uploads/product/product_details/')); ?>/<?php echo e($image->product_multiple_photo_name); ?>"
                            style="width:100%">
                    </div> 
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    
                

                    <div class="row mt-3">
                        <?php $__currentLoopData = $product_images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="column">
                            <img class="demo cursor" src="<?php echo e(asset('uploads/product/product_details/')); ?>/<?php echo e($image->product_multiple_photo_name); ?>" style="width:100%" onclick="currentSlide(<?php echo e($image->id); ?>)" alt="The Woods">
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                        
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-12 mt-4 mt-md-0 mb-4">
                <div class="product-page-details">
                    <h5>Features :</h5>
                    <ul>
                        <?php $__currentLoopData = $product_feature; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $feature): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <li><?php echo e($feature->feature); ?></li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>

                </div>
                <div class="product-model-details mt-2">
                    <p><?php echo e($product_name->product_name); ?></p>
                    <p>Categories: <?php echo e($product_name->connect_categories->category_name); ?></p>
                    
                </div>
            </div>
        </div>
        <div class="product-page-description mt-5">
            <h2>Description</h2>
            <p style="color:#000;"><?php echo e($product_name->short_description); ?></p>
        </div>
        <div class="product-page-description mt-5">
            <div class="row">
                <div class="col-md-12">
                    
                    <?php
                        $available_feature = App\Service::where('product_id',$product_name->id)->exists();
                        if($available_feature)
                        {
                            echo "<h2>Technical Service Specification</h2>";
                        }
                        else
                        {
                            
                        }
                    ?>
                    
                    <ul>
                    <?php $__currentLoopData = $product_service; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <li type="square"><p><?php echo e($service->first_column); ?> : <?php echo e($service->second_column); ?></p></li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
                </div>
            </div>
        </div>
        <div class="related-products mt-5" id="related-products">
            <div class="row">
                <div class="col-md-12">
                    <h2>Related Products</h2>
                    <div class="owl-carousel related-carousel">
                        
                        
                        
                        <!-- Related Product Items -->
                        <?php $__currentLoopData = $related_product; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $related): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="testimonial-item">
                            <div class="col-11">
                                <a href="<?php echo e(url('product_details')); ?>/<?php echo e($related->id); ?>/<?php echo e($related->product_name); ?>">
                                    <div class="card">
                                        <img class="card-img-top" src="<?php echo e(asset('uploads/product/')); ?>/<?php echo e($related->image); ?>"
                                            alt="Card image cap">
                                        <div class="card-body">
                                            <!-- <h5 class="card-title">TKT Brain Power Plotter</h5> -->
                                            <!-- <p class="card-text">Ultra light aluminum shaft (up to 200mm diameter) 2 Or free-paper-on-front delivery.</p> -->
                                            <a href="<?php echo e(url('product_details')); ?>/<?php echo e($related->id); ?>/<?php echo e($related->product_name); ?>"><?php echo e($related->product_name); ?></a>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                
                        <!-- Related Product Items -->

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End All Products Section -->
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.frontend', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/essent32/public_html/reliance/resources/views/frontend/product_description.blade.php ENDPATH**/ ?>