1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / sathmcmy / public_html /
Filename : test_index.php
back
<?php include "inc/header.php"; ?>

<!-- Slider -->
<?php include "inc/slider.php"; ?>

<!-- Section: latest-on-black-line -->
<!-- Featured products -->
<section id="latest-on-black-line" class="px-1">
    <div class="container latest-on-black-line-container" style="max-width: 1300px;">
        <h1 style='color: orange;'>Featured Products</h1>
        <p>Want some special of today ? Hurry up!</p>
        <div class="dress-items">

            <?php 

                $getFpd= $pd->getFeaturedProduct();

                if($getFpd) {
                    while($result= $getFpd->fetch_assoc()) {

            ?>


            <div class="item">
                <div class="dress-item-img-container">
                    <a href="preview.php?proid=<?php echo $result['productId']; ?>"><img src="admin/<?php echo $result['image']; ?>" alt=""></a>
                </div>
                <div class="dress-bottom-item">
                    <div class="first-child">
                        <b><?php echo $result['productName']; ?></b>
                    </div>
                    <div class="last-child">
                        <a href="preview.php?proid=<?php echo $result['productId']; ?>">Rs. <?php echo $result['price']; ?></a>
                        <!-- <a href="#"><i class="fa fa-shopping-cart"></i> </a> -->
                        <a href="preview.php?proid=<?php echo $result['productId']; ?>" class="btn-2">View product</a>
                    </div>
                </div>
            </div>

            <?php 

                    }
                }

            ?>
        </div>
    </div>
</section>


<!-- New products -->
<section id="latest-on-black-line" class="px-1">
    <div class="container latest-on-black-line-container" style="max-width: 1300px;">
        <h1 style='color: orange;'>Want something new ?</h1>
        <p>Why not try our new products available in store?</p>
        <div class="dress-items">

            <?php 

                $getNpd= $pd->getNewProduct();

                if($getNpd) {
                    while($result= $getNpd->fetch_assoc()) {

            ?>
            <div class="item">
                <div class="dress-item-img-container">
                    <a href="preview.php?proid=<?php echo $result['productId']; ?>"><img src="admin/<?php echo $result['image']; ?>" alt=""></a>
                </div>
                <div class="dress-bottom-item">
                    <div class="first-child">
                        <b><?php echo $result['productName']; ?></b>
                    </div>
                    <div class="last-child">
                        <a href="preview.php?proid=<?php echo $result['productId']; ?>">Rs. <?php echo $result['price']; ?></a>
                        <!-- <a href="#"><i class="fa fa-shopping-cart"></i> </a> -->
                        <a href="preview.php?proid=<?php echo $result['productId']; ?>" class="btn-2">View product</a>
                    </div>
                </div>
            </div>

            <?php 

                    }
                }

            ?>
        </div>
    </div>
</section>


<!-- More products -->
<section id="latest-on-black-line" class="px-1">
    <div class="container latest-on-black-line-container" style="max-width: 1300px;">
        <h1 style='color: orange;'>Want more ?</h1>
        <p>We've some special products for you 🍔 🍟 🍕 🥪 </p>
        <div class="dress-items" id="my-products">

            <?php 
                $total_prod_count= $pd->getMoreProductTotals()['total_count'];
                $getNpd= $pd->getMoreProduct();

                if($getNpd) {
                    while($result= $getNpd->fetch_assoc()) {

            ?>
            <div class="item">
                <div class="dress-item-img-container">
                    <a href="preview.php?proid=<?php echo $result['productId']; ?>"><img src="admin/<?php echo $result['image']; ?>" alt=""></a>
                </div>
                <div class="dress-bottom-item">
                    <div class="first-child">
                        <b><?php echo $result['productName']; ?></b>
                    </div>
                    <div class="last-child">
                        <a href="preview.php?proid=<?php echo $result['productId']; ?>">Rs. <?php echo $result['price']; ?></a>
                        <!-- <a href="#"><i class="fa fa-shopping-cart"></i> </a> -->
                        <a href="preview.php?proid=<?php echo $result['productId']; ?>" class="btn-2">View product</a>
                    </div>
                </div>
            </div>

            <?php   
                $last_prod_id= $result['productId'];
                        
                    }
                }

                function token_load_m_p() {
                    $token= bin2hex(random_bytes(32));
                    $_SESSION["token_load_more_prod"] = $token;
                    return $token;
                }

                echo "<input type='hidden' id='uniq-id' value='{$last_prod_id}'>";
                echo "<input type='hidden' id='uniq-token' value='". token_load_m_p() ."'>";
            ?>
        </div>
    </div>
</section>

<?php if($total_prod_count > 4): ?>

<!-- Load more -->
<section id="load-more">
    <div class="container load-more-container" style="display: flex; justify-content: center;">
        <button href="#" class="btn-2" id="load-more-btn" style="outline: none; cursor: pointer;">Show more products...</button>
    </div>
</section>
<?php endif; ?>

<!-- Categories -->
<!-- <section id="categories">
    <div class="cat-title">
        <h2>Pick by categories</h2>
    </div>
    <div class="categories-container">
    <?php 

        // $getCat= $cat->getAllCat();

        // if($getCat) {
        //     while($result= $getCat->fetch_assoc()) {

    ?>
        <div>
            <a href="productbycat.php?catId=<?php // echo $result['catId']; ?>&ctName=<?php // echo $result['catName'] ?>"><?php // echo $result['catName']; ?></a>
        </div>
    <?php

        //     }
        // }

    ?>
    </div>
</section> -->
         

<!-- Footer -->
<?php include "inc/footer.php"; ?>

<!-- Slider js file -->
<!-- <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script> -->
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- <script type="text/javascript" src="jquery-3.4.1.min.js"></script> -->
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="./slider/slick.js"></script>
<script>
    $(document).ready(function(){

        $(".slider").slick({
            autoplay: true,
            adaptiveHeight: true,
            arrows: false
        });

        // $('.slider').slick({
        //         dots: false,
        //         infinite: true,
        //         speed: 500,
        //         slidesToShow: 3,
        //         slidesToScroll: 1,
        //         autoplay: true,
        //         autoplaySpeed: 2000,
        //         arrows: true,
        //         responsive: [{
        //         breakpoint: 600,
        //         settings: {
        //             slidesToShow: 2,
        //             slidesToScroll: 1
        //         }
        //         },
        //         {
        //         breakpoint: 400,
        //         settings: {
        //             arrows: false,
        //             slidesToShow: 1,
        //             slidesToScroll: 1
        //         }
        //         }]
        //     });
        // });
        
        $(window).on("resize orientationchange", function() {
            $(".slider").slick("resize");
        });

        $(".slider button:first, .slider button:last").remove();

        // making link to logo
        $("#header-second img").attr("style", "cursor: pointer");
        
        $("#header-second img").click(function() {
            window.location.href="index.php";
        });

    });

</script>
<script>

    // $(document).ready(function() {
        // console.log(123);

        // $("#load-more-btn").click(function() {
        //     var last_prod_id= parseInt(document.getElementById("uniq-id").value);
        //     $.ajax({
        //         url: "load_more_prod_ajax.php",
        //         method: "POST",
        //         data: { last_prod_id: last_prod_id },
        //         dataType: "text",
        //         success: function(data) {
        //             if(data != "") {
        //                 $("#uniq-id").remove();
        //                 $("#my-products").append(data);
        //             } else {
        //                 // $("#uniq-id").html("No Data");
        //             }
        //         }
        //     });
        // });
    // });

    document.querySelector("#load-more-btn").addEventListener("click", function() {
        var total_prod_count = <?php echo $total_prod_count; ?>;
        var uniq_token       = document.querySelector("#uniq-token").value;
        // console.log(uniq_token);
        
        // using vanilla js
        var last_prod_id    = parseInt(document.getElementById("uniq-id").value);
        const Client        = new XMLHttpRequest();
        Client.open("POST", "load_more_prod_ajax.php", true);
        Client.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        Client.onload= function() {
            if(this.status === 200 && this.readyState  === 4) {
                if (!$.trim(this.responseText)) {
                    // document.querySelector("#load-more").remove();
                    document.querySelector("#load-more-btn").innerHTML              = "We've only this much 😊";
                    document.querySelector("#load-more-btn").style.backgroundColor  = "rgb(229,35,56)";
                    document.querySelector("#load-more-btn").style.border           = "rgb(229,35,56)";
                    document.querySelector("#load-more-btn").style.cursor           = "auto";
                    document.querySelector("#load-more-btn").setAttribute("disabled", "true");
                }
                document.querySelector("#uniq-id").remove();
                document.querySelector("#uniq-token").remove();
                // document.querySelector("#my-products").insertAdjacentElement('beforeend', this.responseText);
                $("#my-products").append(this.responseText);
                
            }
        };

        Client.send("last_prod_id="+ last_prod_id + "&uniq_token="+ uniq_token);
        // using vanilla js
    });

</script>
</body>
</html>