/home/hdwebsolution/www/sareenn/application/views/search.php
<!-- Start Page Title Area -->
<section class="page-title-area">
    <div class="container">
        <div class="page-title-content">
            <h1>Products By Category</h1>
            <ul>
                <li><a href="#">Home</a></li>
                <li>Products By Category</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="<?php echo ($category['id'] == $this->uri->segment(2)) ? 'active' : ''; ?>"><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="drodo-grid-sorting row align-items-center">
                    <div class="col-lg-6 col-md-6 result-count">
                        <p>We found <span class="count"><?php echo count($search_results); ?></span> results</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="row">

                    <?php foreach ($search_results 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 bxs-cart-add'></i>
                                                        <span class="tooltip-label">Add to Cart</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="wishlist-btn">
                                                    <a href="#">
                                                        <i class='bx bx-heart'></i>
                                                        <span class="tooltip-label">Add to Wishlist</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li>
                                                <!-- data-toggle="modal" data-target="#productsQuickView"  -->
                                                <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;
                    ?>

                    <!-- <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>
</section>
<!-- End Products Area -->

<!-- Start Facility Area -->
<section class="facility-area bg-f7f8fa 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 -->