bnmbertsurhetertertertertertertertpdf'tdfg

hjkhghopjkertteerterterterertertrtoirh bnmbertsurhetertertertertertertertpdf'tdfg

<?php 
    include"function.php";
    
    $query = "SELECT c.id AS category_id, c.category_name, s.id AS subcategory_id, s.subcategory_name 
          FROM categories c
          LEFT JOIN subcategories s ON c.id = s.category_id";

$result = $conn->query($query);
    
    $categories = [];
    if ($result->num_rows > 0) {
        while ($row = $result->fetch_assoc()) {
            $categories[$row['category_id']]['name'] = $row['category_name'];
            $categories[$row['category_id']]['subcategories'][] = [
                'id' => $row['subcategory_id'],
                'name' => $row['subcategory_name']
            ];
        }
    }

$bestSellers = fetchBestSellerProducts($conn);
    // print_r();
    
?>
<!DOCTYPE html>
<html lang="en">
    
<head>
        
        <title>Home-v5 | Electro - Responsive Website Template</title>

<meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<?php include"include/links.php";?>
    </head>

<body>

<?php include"include/header.php";?>

<main id="content" role="main">
            
            <div class="mb-8">
                <div class="container-fluid">
                    <div class="overflow-hidden">
                        <div class="bg-img-hero min-height-420" style="background-image: url(assets/img/1400X420/img1.jpg);">
                            <div id="thumbProgress" class="js-slick-carousel u-slick"
                                data-autoplay="true" 
                                data-autoplay-speed="5000" 
                                data-arrows="false" 
                                data-dots="false" 
                                data-slides-show="1" 
                                data-infinite="true"> 
                
                                <?php fetchBannerData($conn) ?>
                
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            
    <div class="top-list hidden-xs mb-3">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<ul>
															<li>
									<img src="assets/img/icon/10252024-india.png" alt="100+ Cities of India Covered">
									<div class="solid">
										<h3>100+ Cities of India </h3>
										<h4>Covered</h4>
									</div>
								</li>
															<li>
									<img src="assets/img/icon/customer.png" alt="Trusted By Over 10 Lakh Customers">
									<div class="solid">
										<h3>Trusted By Over 10 Lakh </h3>
										<h4>Customers</h4>
									</div>
								</li>
															<li>
									<img src="assets/img/icon/delevery.png" alt="Free Delivery on 3000+ Pincodes">
									<div class="solid">
										<h3>Free Delivery on 3000+ </h3>
										<h4>Pincodes</h4>
									</div>
								</li>
															<li>
									<img src="assets/img/icon/clock.png" alt="A Gift is Sold Every 50 Seconds">
									<div class="solid">
										<h3>A Gift is Sold Every </h3>
										<h4>50 Seconds</h4>
									</div>
								</li>
														</ul>
						</div>
					</div>
				</div>
			</div>        
            
            <div class="container">
                
                <div class="mb-6">
                    
                    <div class="position-relative z-index-2 u-slick__tab">
                        <div class=" d-flex justify-content-between border-bottom border-color-1 flex-lg-nowrap flex-wrap border-md-down-top-0 border-md-down-bottom-0">
                            <h3 class="section-title section-title__full mb-0 pb-2 font-size-22">Bestsellers</h3>

<ul class="w-100 w-lg-auto nav nav-pills nav-tab-pill nav-tab-pill-fill mb-2 pt-3 pt-lg-0 border-top border-color-1 border-lg-top-0 align-items-center font-size-15 font-size-15-lg flex-nowrap flex-lg-wrap overflow-auto overflow-lg-visble pr-0" id="pills-tab-3" role="tablist">
                                <li class="nav-item flex-shrink-0 flex-lg-shrink-1">
                                    <a class="nav-link rounded-pill active" id="Bpills-one-example1-tab" data-toggle="pill" href="#Bpills-one-example1" role="tab" aria-controls="Bpills-one-example1" aria-selected="true">Bestsellers</a>
                                </li>
                            
                            </ul>

</div>
                        
                        <div class="tab-content" id="Bpills-tabContent">
                            <div class="tab-pane fade pt-2 show active" id="Bpills-one-example1" role="tabpanel" aria-labelledby="Bpills-one-example1-tab">
                                <div class="js-slick-carousel u-slick overflow-hidden u-slick-overflow-visble pt-3 pb-6 px-1"
                                    data-pagi-classes="text-center right-0 bottom-1 left-0 u-slick__pagination u-slick__pagination--long mb-0 z-index-n1 mt-4"
                                    data-slides-show="5"
                                    data-slides-scroll="1"
                                    data-responsive='[{
                                      "breakpoint": 1400,
                                      "settings": {
                                        "slidesToShow": 5
                                      }
                                    }, {
                                        "breakpoint": 1200,
                                        "settings": {
                                          "slidesToShow": 3
                                        }
                                    }, {
                                      "breakpoint": 992,
                                      "settings": {
                                        "slidesToShow": 3
                                      }
                                    }, {
                                      "breakpoint": 768,
                                      "settings": {
                                        "slidesToShow": 2
                                      }
                                    }, {
                                      "breakpoint": 554,
                                      "settings": {
                                        "slidesToShow": 2
                                      }
                                    }]'>
                                    
                                    <?php

// Check if there are any products
                                        
                                            foreach ($bestSellers as $product) {
                                                // HTML structure with PHP embedded to output product details
                                                echo '
                                                <div class="js-slide products-group">
                                                    <div class="product-item">
                                                        <div class="product-item__outer h-100">
                                                            <div class="product-item__inner px-wd-4 p-2 p-md-3">
                                                                <div class="product-item__body pb-xl-2">
                                                                   <div class="mb-2">
                                                                       <a href="#" class="font-size-12 prct_ctg text-gray-5">' . htmlspecialchars($product['catagory']) . '</a>
                                                                    </div>
                                                                    
                                                                    <div class="mb-2">
                                                                        <a href="#" class="d-block text-center">
                                                                            <img class="img-fluid" src="admin/images/' . htmlspecialchars($product['thumbnail_image']) . '" alt="' . htmlspecialchars($product['pname']) . '">
                                                                        </a>
                                                                    </div>
                                                                    <h5 class="mb-1 product-item__title">
                                                                        <a href="#" class="text-blue font-weight-bold">' . htmlspecialchars($product['pname']) . '</a>
                                                                    </h5>
                                                                    <div class="flex-center-between mb-1">
                                                                        <div class="prodcut-price">
                                                                            <div class="text-gray-100">&#8377;' . number_format($product['discountprice'], 2) . '</div>
                                                                        </div>
                                                                        <div class="d-none d-xl-block prodcut-add-cart">
                                                                            <a href="#" class="btn-add-cart btn-primary transition-3d-hover"><i class="ec ec-add-to-cart"></i></a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="product-item__footer">
                                                                    <div class="border-top pt-2 flex-center-between flex-wrap">
                                                                        <a href="#" class="text-gray-6 font-size-13"><i class="ec ec-compare mr-1 font-size-15"></i> Compare</a>
                                                                        <a href="#" class="text-gray-6 font-size-13"><i class="ec ec-favorites mr-1 font-size-15"></i> Wishlist</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>';
                                            }
                                        
                                    ?>
                                    
                                </div>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </div>

<?php 
                    
                    $productTrandingData = displayTrendingProductsByCategory($conn);
                    
                    echo $productTrandingData;
                
                ?>
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                <?php 
                    echo displayRecords($conn);
                ?>
                
            </div>
            
            
            
        </main>

<?php include"include/footer.php";?>

<?php include"include/script.php";?>

<script>
            $(window).on('load', function () {
                // initialization of HSMegaMenu component
                $('.js-mega-menu').HSMegaMenu({
                    event: 'hover',
                    direction: 'horizontal',
                    pageContainer: $('.container'),
                    breakpoint: 1199.98,
                    hideTimeOut: 0
                });

// initialization of svg injector module
                $.HSCore.components.HSSVGIngector.init('.js-svg-injector');
            });

$(document).on('ready', function () {
                // initialization of header
                $.HSCore.components.HSHeader.init($('#header'));

// initialization of animation
                $.HSCore.components.HSOnScrollAnimation.init('[data-animation]');

// initialization of unfold component
                $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
                    afterOpen: function () {
                        $(this).find('input[type="search"]').focus();
                    }
                });

// initialization of popups
                $.HSCore.components.HSFancyBox.init('.js-fancybox');

// initialization of countdowns
                var countdowns = $.HSCore.components.HSCountdown.init('.js-countdown', {
                    yearsElSelector: '.js-cd-years',
                    monthsElSelector: '.js-cd-months',
                    daysElSelector: '.js-cd-days',
                    hoursElSelector: '.js-cd-hours',
                    minutesElSelector: '.js-cd-minutes',
                    secondsElSelector: '.js-cd-seconds'
                });

// initialization of malihu scrollbar
                $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));

// initialization of forms
                $.HSCore.components.HSFocusState.init();

// initialization of form validation
                $.HSCore.components.HSValidation.init('.js-validate', {
                    rules: {
                        confirmPassword: {
                            equalTo: '#signupPassword'
                        }
                    }
                });

// initialization of show animations
                $.HSCore.components.HSShowAnimation.init('.js-animation-link');

// initialization of fancybox
                $.HSCore.components.HSFancyBox.init('.js-fancybox');

// initialization of slick carousel
                $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');

// initialization of go to
                $.HSCore.components.HSGoTo.init('.js-go-to');

// initialization of hamburgers
                $.HSCore.components.HSHamburgers.init('#hamburgerTrigger');

// initialization of unfold component
                $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
                    beforeClose: function () {
                        $('#hamburgerTrigger').removeClass('is-active');
                    },
                    afterClose: function() {
                        $('#headerSidebarList .collapse.show').collapse('hide');
                    }
                });

$('#headerSidebarList [data-toggle="collapse"]').on('click', function (e) {
                    e.preventDefault();

var target = $(this).data('target');

if($(this).attr('aria-expanded') === "true") {
                        $(target).collapse('hide');
                    } else {
                        $(target).collapse('show');
                    }
                });

// initialization of unfold component
                $.HSCore.components.HSUnfold.init($('[data-unfold-target]'));

// initialization of select picker
                $.HSCore.components.HSSelectPicker.init('.js-select');
            });
        </script>
    </body>

</html>