<!-- 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 -->