/home/hdwebsolution/public_html/sareen-1/application/views/products.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</h1>
            <ul>
                <li><a href="<?php echo base_url(); ?>">Home</a></li>
                <li>Products</li>
            </ul>
        </div>
    </div>
</section>
<!-- End Page Title Area -->

<!-- Start Products Area -->
<section class="products-area products-collections-area ptb-70">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-3 col-md-12">
                <div class="woocommerce-widget-area">
                    <!-- <div class="woocommerce-widget price-list-widget">
                        <h3 class="woocommerce-widget-title">Filter By Price</h3>

                        <div class="collection-filter-by-price">
                            <input class="js-range-of-price" type="text" data-min="0" data-max="1055" name="filter_by_price" data-step="10">
                        </div>
                    </div> -->

                    <!--<div class="woocommerce-widget color-list-widget">
                                <h3 class="woocommerce-widget-title">Color</h3>

                                <ul class="color-list-row">
                                    <li class="active"><a href="#" title="Black" class="color-black"></a></li>
                                    <li><a href="#" title="Red" class="color-red"></a></li>
                                    <li><a href="#" title="Yellow" class="color-yellow"></a></li>
                                    <li><a href="#" title="White" class="color-white"></a></li>
                                    <li><a href="#" title="Blue" class="color-blue"></a></li>
                                    <li><a href="#" title="Green" class="color-green"></a></li>
                                    <li><a href="#" title="Yellow Green" class="color-yellowgreen"></a></li>
                                    <li><a href="#" title="Pink" class="color-pink"></a></li>
                                    <li><a href="#" title="Violet" class="color-violet"></a></li>
                                    <li><a href="#" title="Blue Violet" class="color-blueviolet"></a></li>
                                    <li><a href="#" title="Lime" class="color-lime"></a></li>
                                    <li><a href="#" title="Plum" class="color-plum"></a></li>
                                    <li><a href="#" title="Teal" class="color-teal"></a></li>
                                </ul>
                            </div> -->

                    <div class="woocommerce-widget brands-list-widget">
                        <h3 class="woocommerce-widget-title">Categories</h3>

                        <ul class="brands-list-row">
                            <?php $categories = get_active_categories();

                            foreach ($categories as $category) : ?>

                                <li class=""><a href="<?php echo base_url(); ?>category/<?php echo $category['id']; ?>/<?php echo $category['category_slug']; ?>"><?php echo $category['category_name']; ?></a></li>
                            <?php endforeach; ?>
                        </ul>
                    </div>

                    <!-- <div class="woocommerce-widget woocommerce-ads-widget">
                        <img src="assets/img/ads.jpg" alt="image">

                        <div class="content">
                            <span>New Arrivals</span>
                            <h3>Modern Electronic Thermometer</h3>
                            <a href="#" class="default-btn"><i class="flaticon-trolley"></i> Shop Now</a>
                        </div>

                        <a href="#" class="link-btn"></a>
                    </div> -->

                    <?php $best_selling_products = get_active_best_selling_limited_products('3');
                    if ($best_selling_products) :
                    ?>

                        <div class="woocommerce-widget best-seller-widget">
                            <h3 class="woocommerce-widget-title">Best Seller</h3>

                            <?php foreach ($best_selling_products as $bs) : ?>

                                <article class="item">
                                    <a href="<?php echo base_url(); ?>product/<?php echo $bs['id']; ?>/<?php echo $bs['product_slug']; ?>" class="thumb">
                                        <span class="fullimage cover bg1" role="img"></span>
                                    </a>

                                    <div class="info">
                                        <h4 class="title usmall"><a href="<?php echo base_url(); ?>product/<?php echo $bs['id']; ?>/<?php echo $bs['product_slug']; ?>"><?php echo $bs['product_name']; ?></a></h4>
                                        <!-- <span>$99.00</span> -->
                                        <!-- <div class="rating">
                                            <i class='bx bxs-star'></i>
                                            <i class='bx bxs-star'></i>
                                            <i class='bx bxs-star'></i>
                                            <i class='bx bxs-star'></i>
                                            <i class='bx bxs-star'></i>
                                        </div> -->
                                    </div>
                                    <div class="clear"></div>
                                </article>

                            <?php endforeach; ?>
                        </div>

                    <?php endif; ?>
                </div>
            </div>
			

            <div class="col-lg-9 col-md-12">
				<div class="row">
					<div class="col-lg-12 col-md-12 product-category-heading">
						<h1 class="">Holloware</h1>
						<p>Dressing Drums are used for Sterilizing and Storing different types of dressings, instruments and surgical requisites. Slotted belt with clamp for loosening of belt to open or close the perforated on the body. </p>
					</div>
					<!--<div class="col-lg-12 col-md-12 ">
						<hr>
					</div> -->
					
					<div class="drodo-grid-sorting col-lg-12 col-md-12 result-count align-items-center">
						<div class="#">
							<p>We found <span class="count"><?php echo $product_count; ?></span> products available for you</p>

							<span class="sub-title d-lg-none"><a href="#" data-toggle="modal" data-target="#productsFilterModal"><i class='bx bx-filter-alt'></i> Filter</a></span>
						</div>

						<!-- <div class="col-lg-6 col-md-6 ordering">
							<div class="select-box">
								<label>Sort By:</label>
								<select>
									<option>Default</option>
									<option>Popularity</option>
									<option>Latest</option>
									<option>Price: low to high</option>
									<option>Price: high to low</option>
								</select>
							</div>
						</div> -->
					</div>
				
					<div class="col-lg-12 col-md-12">
				

						<div class="row">

							<?php if ($products) :

								foreach ($products as $product) : ?>

									<div class="col-lg-4 col-md-4 col-sm-6">
										<div class="single-products-box">
											<div class="image">
												<a href="<?php echo base_url(); ?>product/<?php echo $product['id']; ?>/<?php echo $product['product_slug']; ?>" class="d-block"><img src="<?php echo base_url(); ?>assets/images/products/<?php echo $product['product_image']; ?>" alt="image"></a>

												<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 $product['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">
												<h6><a href="<?php echo base_url(); ?>product/<?php echo $product['id']; ?>/<?php echo $product['product_slug']; ?>"><?php echo $product['product_name']; ?></a></h6>
												<!-- <div class="price">
													<span class="new-price">$139.00</span>
												</div> -->
											</div>
										</div>
									</div>


							<?php endforeach;
							endif;
							?>

							<?php echo $this->pagination->create_links(); ?>

							<!-- <div class="col-lg-12 col-md-12">
								<div class="pagination-area text-center">
									<a href="#" class="prev page-numbers"><i class='bx bx-chevrons-left'></i></a>
									<span class="page-numbers current" aria-current="page">1</span>
									<a href="#" class="page-numbers">2</a>
									<a href="#" class="page-numbers">3</a>
									<a href="#" class="page-numbers">4</a>
									<a href="#" class="next page-numbers"><i class='bx bx-chevrons-right'></i></a>
								</div>
							</div> -->
						</div>
					</div>
				</div>
			</div>
        </div>
    </div>
</section>
<!-- End Products Area -->

<!-- Start Facility Area -->
<section class="facility-area bg-ffffff pt-70 pb-40">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-sm-6 col-md-3 col-6">
                <div class="single-facility-box">
                    <div class="icon">
                        <i class="flaticon-free-shipping"></i>
                    </div>
                    <h3>Free Shipping</h3>
                    <p>Free shipping world wide</p>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-md-3 col-6">
                <div class="single-facility-box">
                    <div class="icon">
                        <i class="flaticon-headset"></i>
                    </div>
                    <h3>Support 24/7</h3>
                    <p>Contact us 24 hours a day</p>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-md-3 col-6">
                <div class="single-facility-box">
                    <div class="icon">
                        <i class="flaticon-secure-payment"></i>
                    </div>
                    <h3>Secure Payments</h3>
                    <p>100% payment protection</p>
                </div>
            </div>

            <div class="col-lg-3 col-sm-6 col-md-3 col-6">
                <div class="single-facility-box">
                    <div class="icon">
                        <i class="flaticon-return-box"></i>
                    </div>
                    <h3>Easy Return</h3>
                    <p>Simple returns policy</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Facility Area -->

<!-- Start Footer Area -->