/home/hdwebsolution/public_html/sareenn/application/views/product_single.php
<!-- Start Page Title Area -->
<section class="page-title-area" style="background-image:url('<?php echo base_url(); ?>assets/img/category.jpg')">
    <div class="container">
        <div class="page-title-content">
            <h1>Products Details</h1>
            <ul>
                <li><a href="#">Home</a></li>
                <li>Products Detail</li>
            </ul>
        </div>
    </div>
</section>
<!-- End Page Title Area -->

<!-- Start Product Details Area -->
<section class="product-details-area pt-70 pb-40">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-md-12">
                <div class="products-details-image">
                    <ul class="products-details-image-slides owl-theme owl-carousel" data-slider-id="1">
                        <li class="lc_product_image_fixed"><img src="<?php echo base_url(); ?>assets/images/products/<?php echo $product->product_image; ?>" alt="image"></li>
                        <?php if ($product->product_has_gallery == 1) {
                            foreach ($product_gallery as $gallery) { ?>
                                <li><img src="<?php echo base_url(); ?>assets/images/products/<?php echo $gallery['product_gallery_image']; ?>" alt="image"></li>
                        <?php
                            }
                        } ?>
                    </ul>

                    <!-- Carousel Thumbs -->
                    <div class="owl-thumbs products-details-image-slides-owl-thumbs" data-slider-id="1">

                        <div class="owl-thumb-item">
                            <img src="<?php echo base_url(); ?>assets/images/products/<?php echo $product->product_image; ?>" alt="image">
                        </div>

                        <?php if ($product->product_has_gallery == 1) {
                            foreach ($product_gallery as $gallery) { ?>
                                <div class="owl-thumb-item">
                                    <img src="<?php echo base_url(); ?>assets/images/products/<?php echo $gallery['product_gallery_image']; ?>" alt="image">
                                </div>
                        <?php
                            }
                        } ?>

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

            <div class="col-lg-7 col-md-12">
                <div class="products-details-desc">
                    <h2><?php echo $product->product_name; ?></h2>

                    <div class="products-reviews ">
                        <h3>Products Rating</h3>

                        <div class="rating">

                            <?php for ($i = 1; $i <= $product->product_stars; $i++) : ?>
                                <span class="bx bxs-star checked"></span>
                                <?php endfor;
                            if ($product->product_stars < '5') :
                                for ($ri = $product->product_stars + 1; $ri <= 5; $ri++) : ?>
                                    <span class="bx bx-star"></span>
                                <?php endfor; ?>

                            <?php endif; ?>
                        </div>

                        <div class="rating-count">
                            <span><?php echo $product->product_stars; ?> average based on <?php echo $product->product_reviews; ?> reviews.</span>
                        </div>
                    </div>


                    <!-- <div class="price">
                        <span class="new-price">$39.00</span>
                        <span class="old-price">$45.00</span>
                    </div> -->

                    <ul class="products-info">

                        <li><span>Products Type:</span> <a href="<?php echo base_url(); ?>category/<?php echo $product->category_id; ?>/<?php echo $product->category_slug; ?>"><?php echo $product->category_name; ?></a></li>
                    </ul>


                    <!--  <div class="products-size-wrapper">
                                <span>Size:</span>

                                <ul>
                                    <li><a href="#">XS</a></li>
                                    <li class="active"><a href="#">S</a></li>
                                    <li><a href="#">M</a></li>
                                    <li><a href="#">XL</a></li>
                                    <li><a href="#">XXL</a></li>
                                </ul>
                            </div> -->

                    <?php if ($product->product_has_variants == '1') {
                        $product_parent = get_product_variant_parent($product->id);
                        $variants = get_product_variants($product->id, $product_parent->product_parent_id);
                    ?>
                        <div class="products-size-wrapper">
                            <span>Variants:</span>

                            <ul>
                                <?php if ($variants) :
                                    foreach ($variants as $variant) : ?>
                                        <li class="<?php echo ($variant['product_id'] == $product->id) ? 'active' : ''; ?>"><a href="<?php echo base_url(); ?>product/<?php echo $variant['product_id']; ?>/<?php echo $variant['product_slug']; ?>"><?php echo $variant['product_variant_name']; ?></a></li>
                                <?php endforeach;
                                endif; ?>
                            </ul>
                        </div>
                    <?php
                    } ?>

                    <div class="products-info-btn">
                        <i class='bx bxs-truck'></i>This item ships to world wide.
                        <a href="<?php echo base_url(); ?>contact"><i class='bx bx-envelope'></i> Ask about this products</a>
                    </div>

                    <!--  <div class="products-add-to-cart">
                        <div class="input-counter">
                            <span class="minus-btn"><i class='bx bx-minus'></i></span>
                            <input type="text" value="1" min="1">
                            <span class="plus-btn"><i class='bx bx-plus'></i></span>
                        </div>

                        <button type="submit" class="default-btn"><i class="flaticon-trolley"></i> Add to Cart</button>
                    </div> -->

                    <!--   <div class="wishlist-btn">
                                <a href="#"><i class='bx bx-heart'></i> Add to Wishlist</a>
                            </div> -->

                    <div class="buy-checkbox-btn">
                        <!--  <div class="item">
                                    <input class="inp-cbx" id="cbx" type="checkbox">
                                    <label class="cbx" for="cbx">
                                        <span>
                                            <svg width="12px" height="10px" viewbox="0 0 12 10">
                                                <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
                                            </svg>
                                        </span>
                                        <span>I agree with the terms and conditions</span>
                                    </label>
                                </div> -->

                        <div class="item">

                            <div class="row">
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12 pb-40">
                                    <a href="tel:+919911199258" class="default-btn">Call now</a>
                                </div>
                                <div class=" col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <a href="https://wa.me/919911199258?text=Hello" target="_blank" class="default-btn">Order On Whatsapp</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 ">
                <div class="products-details-tabs">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item"><a class="nav-link active" id="description-tab" data-toggle="tab" href="#description" role="tab" aria-controls="description">Description</a></li>
                        <li class="nav-item"><a class="nav-link" id="shipping-tab" data-toggle="tab" href="#shipping" role="tab" aria-controls="shipping">Features</a></li>
                        <li class="nav-item"><a class="nav-link" id="chart-tab" data-toggle="tab" href="#chart" role="tab" aria-controls="chart">Size Chart</a></li>
                        <!--   <li class="nav-item"><a class="nav-link" id="reviews-tab" data-toggle="tab" href="#reviews" role="tab" aria-controls="reviews">Reviews</a></li> -->
                    </ul>

                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="description" role="tabpanel">
                            <?php echo $product->product_description; ?>

                        </div>

                        <div class="tab-pane fade" id="shipping" role="tabpanel">
                            <?php echo $product->product_features; ?>

                        </div>

                        <div class="tab-pane fade" id="chart" role="tabpanel">
                            <div class="table-responsive">
                                <?php echo $product->product_chart; ?>
                            </div>
                        </div>
                        <!-- <div class="tab-pane fade" id="reviews" role="tabpanel">
                            <!--
                            <div class="products-reviews">
                                <h3>Products Rating</h3>

                                <div class="rating">
                                    <span class="bx bxs-star checked"></span>
                                    <span class="bx bxs-star checked"></span>
                                    <span class="bx bxs-star checked"></span>
                                    <span class="bx bxs-star checked"></span>
                                    <span class="bx bxs-star"></span>
                                </div>

                                <div class="rating-count">
                                    <span>4.1 average based on 4 reviews.</span>
                                </div>

                                <div class="row">
                                    <div class="side">
                                        <div>5 star</div>
                                    </div>

                                    <div class="middle">
                                        <div class="bar-container">
                                            <div class="bar-5"></div>
                                        </div>
                                    </div>

                                    <div class="side right">
                                        <div>02</div>
                                    </div>

                                    <div class="side">
                                        <div>4 star</div>
                                    </div>

                                    <div class="middle">
                                        <div class="bar-container">
                                            <div class="bar-4"></div>
                                        </div>
                                    </div>

                                    <div class="side right">
                                        <div>03</div>
                                    </div>

                                    <div class="side">
                                        <div>3 star</div>
                                    </div>

                                    <div class="middle">
                                        <div class="bar-container">
                                            <div class="bar-3"></div>
                                        </div>
                                    </div>

                                    <div class="side right">
                                        <div>04</div>
                                    </div>

                                    <div class="side">
                                        <div>2 star</div>
                                    </div>

                                    <div class="middle">
                                        <div class="bar-container">
                                            <div class="bar-2"></div>
                                        </div>
                                    </div>

                                    <div class="side right">
                                        <div>05</div>
                                    </div>

                                    <div class="side">
                                        <div>1 star</div>
                                    </div>

                                    <div class="middle">
                                        <div class="bar-container">
                                            <div class="bar-1"></div>
                                        </div>
                                    </div>

                                    <div class="side right">
                                        <div>00</div>
                                    </div>
                                </div>
                            </div>

                            <div class="products-review-comments">
                                <h3>3 Reviews</h3>

                                <div class="user-review">
                                   <!-- <img src="assets/img/user1.jpg" alt="image"> 

                                    <div class="review-rating">
                                       <!-- <div class="review-stars">
                                            <i class='bx bxs-star checked'></i>
                                            <i class='bx bxs-star checked'></i>
                                            <i class='bx bxs-star checked'></i>
                                            <i class='bx bxs-star checked'></i>
                                            <i class='bx bxs-star checked'></i>
                                        </div> 

                                        <span class="d-inline-block">James Anderson</span>
                                    </div>

                                    <span class="d-block sub-comment">Excellent</span>
                                    <p>Very well built theme, couldn't be happier with it. Can't wait for future updates to see what else they add in.</p>
                                </div>

                                <div class="user-review">
                                    

                                    <div class="review-rating">
                                        

                                        <span class="d-inline-block">Sarah Taylor</span>
                                    </div>
                                    <span class="d-block sub-comment">Video Quality!</span>
                                    <p>Was really easy to implement and they quickly answer my additional questions!</p>
                                </div>

                                <div class="user-review">
                                   

                                    <div class="review-rating">
                                        
                                        <span class="d-inline-block">David Warner</span>
                                    </div>
                                    <span class="d-block sub-comment">Perfect Coding!</span>
                                    <p>Stunning design, very dedicated crew who welcome new ideas suggested by customers, nice support.</p>
                                </div>

                                <div class="user-review">
                                   

                                    <div class="review-rating">
                                        
                                        <span class="d-inline-block">King Kong</span>
                                    </div>
                                    <span class="d-block sub-comment">Perfect Video!</span>
                                    <p>Stunning design, very dedicated crew who welcome new ideas suggested by customers, nice support.</p>
                                </div>
                            </div>

                            <div class="review-form-wrapper">
                                <h3>Add a review</h3>
                                <p class="comment-notes">Your email address will not be published. Required fields are marked <span>*</span></p>

                                <form>
                                    <div class="row">
                                       <!-- <div class="col-lg-12 col-md-12">
                                           
                                            <div class="rating">
                                                <input type="radio" id="star5" name="rating" value="5" /><label for="star5"></label>
                                                <input type="radio" id="star4" name="rating" value="4" /><label for="star4"></label>
                                                <input type="radio" id="star3" name="rating" value="3" /><label for="star3"></label>
                                                <input type="radio" id="star2" name="rating" value="2" /><label for="star2"></label>
                                                <input type="radio" id="star1" name="rating" value="1" /><label for="star1"></label>
                                            </div>
                                        </div> 

                                        <div class="col-lg-6 col-md-6">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Name *">
                                            </div>
                                        </div>

                                        <div class="col-lg-6 col-md-6">
                                            <div class="form-group">
                                                <input type="email" class="form-control" placeholder="Email *">
                                            </div>
                                        </div>

                                        <div class="col-lg-12 col-md-12">
                                            <div class="form-group">
                                                <textarea placeholder="Your review" class="form-control" cols="30" rows="6"></textarea>
                                            </div>
                                        </div>

                                        <div class="col-lg-12 col-md-12">
                                            <p class="comment-form-cookies-consent">
                                                <input type="checkbox" id="test1">
                                                <label for="test1">Save my name, email, and website in this browser for the next time I comment.</label>
                                            </p>
                                        </div>

                                        <div class="col-lg-12 col-md-12">
                                            <button type="submit" class="default-btn">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>-->
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12 category-line" style="margin-top:50px;"></div>
        </div>
    </div>

    <div class="related-products">
        <div class="container">
            <div class="section-title">
                <h2>Related Products</h2>
            </div>

            <div class="products-slides owl-carousel owl-theme">

                <?php if ($related_products) :
                    foreach ($related_products as $rp) :
                ?>
                        <div class="single-products-box">
                            <div class="image">
                                <a href="#" class="d-block"><img src="<?php echo base_url(); ?>assets/images/products/<?php echo $rp['product_image']; ?>" alt="image"></a>

                                <?php if ($rp['product_is_new'] == '1') : ?>
                                    <div class="new">New</div>
                                <?php endif; ?>

                                <?php if ($rp['product_is_on_sale'] == '1') : ?>
                                    <div class="sale">Sale</div>
                                <?php endif; ?>

                                <div class="buttons-list">
                                    <ul>
                                        <li>
                                            <div class="cart-btn">
                                                <a href="#">
                                                    <i class='bx bx-phone'></i>
                                                    <span class="tooltip-label">Call Now</span>
                                                </a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="wishlist-btn">
                                                <a href="#">
                                                    <i class='bx bxl-whatsapp'></i>
                                                    <span class="tooltip-label">Whatsapp Now</span>
                                                </a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="quick-view-btn">
                                                <a href="#" id="lc_product_quick_view" onclick="lc_product_quick_view(<?php echo $rp['id']; ?>, event)">
                                                    <i class='bx bx-search-alt'></i>
                                                    <span class="tooltip-label">Quick View</span>
                                                </a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="content">
                                <h3><a href="<?php echo base_url(); ?>product/<?php echo $rp['id']; ?>/<?php echo $rp['product_slug']; ?>"><?php echo $rp['product_name']; ?></a></h3>

                            </div>
                        </div>

                <?php endforeach;

                    if (count($related_products) < '4') {
                        //
                    }

                endif; ?>


            </div>
        </div>
    </div>
</section>
<!-- End Product Details Area -->