

    <div class="offcanvas-overlay"></div>

    <!-- Page Title/Header Start -->
    <div class="page-title-section section" data-bg-image="assets/images/bg/page-title-1.webp">
        <div class="container">
            <div class="row">
                <div class="col">

                    <div class="page-title">
                        <h1 class="title">Shop</h1>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="<?php echo base_url(); ?>">Home</a></li>
                            <li class="breadcrumb-item active">Offer</li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- Page Title/Header End -->

    <!-- Shop Products Section Start -->
    <div class="section section-padding pt-0">

        <!-- Shop Toolbar Start -->
        <div class="shop-toolbar border-bottom">
            <div class="container">
                <div class="row learts-mb-n20">
                    <div class="col-md col-12 align-self-center learts-mb-20">
                        <div class="isotope-filter shop-product-filter" data-target="#shop-products">
                            <button class="active" data-filter="*">Offer Product </button>
                        </div>
                    </div>

                    <div class="col-md-auto col-12 learts-mb-20">
                       <!--  <ul class="shop-toolbar-controls">

                            <li>
                                <div class="product-sorting">
                                    <select class="nice-select prdsort" onchange="function_sorting(this.value)">
                                        <option value="menu_order" selected="selected">Sort by</option>
                                        <option value="popularity">Sort by popularity</option>
                                        <option value="latest">Sort by latest</option>
                                        <option value="low to high">Sort by price: low to high</option>
                                        <option value="high to low">Sort by price: high to low</option>
                                    </select>
                                </div>
                            </li>

                        </ul> -->
                    </div>

                </div>
            </div>
        </div>
        <!-- Shop Toolbar End -->

        <div class="section learts-mt-70">
            <div class="container">
                <div class="row learts-mb-n50">


                    <div class="col-lg-12 col-12 learts-mb-50 order-lg-2" id="row_product">

                    <?php if(empty($sub_cat)){ ?>

                    <img src="<?php echo base_url();?>assets/images/no-product-found.jpg" class="img-responsive">

                    <?php } else { ?>
                        <!-- Products Start -->
                        <div id="shop-products" class="products isotope-grid row row-cols-xl-4 row-cols-md-3 row-cols-sm-2 row-cols-1">

                            <div class="grid-sizer col-1"></div>


                        <?php  
                        foreach($sub_cat as $get_prd){
                            if($get_prd['discount_type']==''){
                                $discount='';
                            } else{
                                if($get_prd['discount_type']=='Price'){
                                    $discount='₹'.$get_prd['discount'].' Off';
                                }else{
                                    $discount=$get_prd['discount'].'% Off';
                                }
                            }
                        ?>

                            <div class="grid-item col">
                                <div class="product">
                                    <div class="product-thumb">
                                        <a href="<?php echo base_url().'Product/product_details/'.md5($get_prd['prd_id']).'/?mode='.md5($get_prd['prd_id']); ?>" class="image">
                                            <img src="<?php echo base_url(); ?>uploads/product/thumbnail/<?php echo $get_prd['primary_image'];?>" alt="<?php echo $get_prd['p_title'];?>">
                                        </a>
                                        <a href="javascript:void(0)" data-productid="<?php echo $get_prd['prd_id'];?>" data-productname="<?php echo $get_prd['p_title'];?>" data-productprice="<?php echo $get_prd['p_sell_price'];?>" class="add-to-wishlist hintT-left <?php if($this->session->userdata('customer')){ ?>  add_wishlist <?php } else { ?> loginfirst <?php } ?> " data-hint="Add to wishlist"><i class="far fa-heart"></i></a>
                                    </div>
                                    <div class="product-info">
                                        <h6 class="title"><a href="<?php echo base_url().'Product/product_details/'.md5($get_prd['prd_id']).'/?mode='.md5($get_prd['prd_id']); ?>"><?php echo $get_prd['p_title'];?></a></h6>
                                        <span class="price">
                                            <span class="new">₹<?php echo $get_prd['p_sell_price'];?></span>
                                            <span class="DisCnt"><?php echo $discount;?></span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        <?php 
                        } 
                        ?>





                            
                        </div>
                        <!-- Products End -->


                <?php } ?>
                    </div>
                    

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

    </div>
    