1#@!#!123s

��JFIF�� 1#@!#!123s
: / www / wwwroot / 192.168.49.128 /
Filename : page.php
back
<?php
include 'admin/database/db.php';
session_start();
error_reporting(0);
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <?php include 'parts/css.php'; ?>
    <style>
        /* Add styles for product page layout */
        .product-container {
            display: flex;
            gap: 20px;
            margin: 40px;
            padding: 20px;
        }

        .product-images {
            flex: 1;
        }

        .product-images img {
            width: 100%;
            cursor: default;
            /* Remove zoom-in cursor */
        }

        .product-thumbnails {
            display: flex;
            gap: 10px;
            margin-top: 10px;
        }

        .product-thumbnails img {
            width: 80px;
            cursor: pointer;
        }

        .product-details {
            flex: 2;
        }

        .product-details h1 {
            font-size: 40px;
            margin-bottom: 10px;
        }

        .product-details .price {
            font-size: 20px;
            color: #b12704;
        }

        .product-details .description {
            margin-top: 10px;
        }

        .add-to-cart {
            margin-top: 20px;
        }

        .saleamountproduct {
            font-size: 35px;
            color: #008000;
            margin-right: 10px;
            font-weight: 600;
        }

        @media (max-width: 768px) {
            .product-container {
                flex-direction: column;
            }

            .product-images {
                order: 1;
            }

            .product-details {
                order: 2;
                margin-top: 20px;
            }
        }
    </style>
</head>

<body>
    <?php include 'parts/svg.php'; ?>
    <?php include 'parts/preloader.php'; ?>
    <?php include 'parts/nav.php'; ?>
    <!-- ===============Body Start Here ========== -->

    <?php
    if (isset($_GET['id'])) {
        $id = $_GET['id'];
        $query = "SELECT * FROM products WHERE id = '$id'";
        $result = mysqli_query($conn, $query);
        if ($result && mysqli_num_rows($result) > 0) {
            $product = mysqli_fetch_assoc($result);
            $thumbnail = !empty($product['thumbnail']) ? 'admin/uploads/products/' . $product['thumbnail'] : null;
            $imgOne = !empty($product['productimgone']) ? 'admin/uploads/products/' . $product['productimgone'] : null;
            $imgTwo = !empty($product['productimgtwo']) ? 'admin/uploads/products/' . $product['productimgtwo'] : null;
            $imgThree = !empty($product['productimgthree']) ? 'admin/uploads/products/' . $product['productimgthree'] : null;
            $imgFour = !empty($product['productimgfour']) ? 'admin/uploads/products/' . $product['productimgfour'] : null;
    ?>


            <!-- ================Category ======== -->

            <?php
            $sqloc = "SELECT * FROM `categories` WHERE `id` = '$product[category]'";
            $resultoc = mysqli_query($conn, $sqloc);
            $rowoc = mysqli_fetch_assoc($resultoc);
            $categoryname = $rowoc['name'];
            ?>


            <?php
            $sqlocc = "SELECT * FROM `categories` WHERE `parent` = $product[subcategory]";
            $resultocc = mysqli_query($conn, $sqlocc);
            $rowocc = mysqli_fetch_assoc($resultocc);
            $subcategoryname = $rowocc['name'];
            ?>


            <!-- =================Category End ========== -->
            <div class="product-itemadd product-container" data-id='<?php echo $product['id']; ?>'>
                <div class="product-images">
                    <?php if ($thumbnail) { ?>
                        <img id="mainImage" src="<?php echo $thumbnail; ?>" alt="Product Thumbnail" onerror="hideImage(this)">
                    <?php } ?>
                    <div class="product-thumbnails">
                        <?php if ($thumbnail) { ?>
                            <img src="<?php echo $thumbnail; ?>" onclick="changeImage(this.src)" alt="Thumbnail" onerror="hideImage(this)">
                        <?php } ?>
                        <?php if ($imgOne) { ?>
                            <img src="<?php echo $imgOne; ?>" onclick="changeImage(this.src)" alt="Image One" onerror="hideImage(this)">
                        <?php } ?>
                        <?php if ($imgTwo) { ?>
                            <img src="<?php echo $imgTwo; ?>" onclick="changeImage(this.src)" alt="Image Two" onerror="hideImage(this)">
                        <?php } ?>
                        <?php if ($imgThree) { ?>
                            <img src="<?php echo $imgThree; ?>" onclick="changeImage(this.src)" alt="Image Three" onerror="hideImage(this)">
                        <?php } ?>
                        <?php if ($imgFour) { ?>
                            <img src="<?php echo $imgFour; ?>" onclick="changeImage(this.src)" alt="Image Four" onerror="hideImage(this)">
                        <?php } ?>
                    </div>
                </div>
                <div class="product-details">
                    <h1 class="headingproductname"><?php echo $product['name']; ?></h1>
                    <div class='rating'>
                        <i class='fa fa-star'></i>
                        <i class='fa fa-star'></i>
                        <i class='fa fa-star'></i>
                        <i class='fa fa-star'></i>
                        <i class='fa fa-star'></i>
                        <span>( 138 reviews )</span>
                    </div>
                    <p class="price">
                        <?php if ($product['saleamount']) { ?>
                            <span class='saleamountproduct'>₹<?php echo $product['saleamount']; ?></span>
                            <del>₹<?php echo $product['regularamount']; ?></del>
                        <?php } else { ?>
                            ₹<?php echo $product['regularamount']; ?>
                        <?php } ?>
                    </p>
                    <p class="short-description"><?php echo $product['shortdescription']; ?></p>
                    <p class="description"><?php echo $product['description']; ?></p>
                    <a href='#' class='btn btn-primary btn-lg addtocart'><i class='fa-solid fa-cart-shopping'></i> <iconify-icon icon='uil:shopping-cart'> Add to Cart</a>
                </div>
            </div>
            <h3 class="text-center">Product Details</h3>

            <div class="container">
                <div class="col">
                    <table class="table table-striped table-hover table-bordered border-dark">
                        <thead>
                            <tr>
                                <th scope="col">Product Name</th>
                                <th scope="col"><?php echo $product['name']; ?></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row">Category</th>
                                <td><?php echo $categoryname; ?> | <?php echo $subcategoryname; ?> </td>
                            </tr>
                            <tr>
                                <th scope="row">Description</th>
                                <td><?php echo $product['description']; ?></td>
                            </tr>
                            <tr>
                                <th scope="row">Short Description</th>
                                <td><?php echo $product['shortdescription']; ?></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>



            <!-- =====================Related Products======================== -->
            <section class="overflow-hidden">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">

                            <div class="section-header d-flex flex-wrap justify-content-between my-5">

                                <h2 class="section-title">Related Products</h2>

                                <div class="d-flex align-items-center">
                                    <a href="#" class="btn-link text-decoration-none">View All Products →</a>
                                    <div class="swiper-buttons">
                                        <button class="swiper-prev products-carousel-prev btn btn-primary">❮</button>
                                        <button class="swiper-next products-carousel-next btn btn-primary">❯</button>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">

                            <div class="products-carousel swiper">
                                <div class="swiper-wrapper">
                                    <!-- ==============Product Swiper================================ -->
                                    <?php

                                    $sqlop = "SELECT * FROM `products` WHERE `subcategory` = '$product[subcategory]' ";
                                    $resultop = mysqli_query($conn, $sqlop);
                                    while ($rowop = mysqli_fetch_assoc($resultop)) {
                                        $name = substr($rowop['name'], 0, 30);
                                        echo
                                        " 
            <div class='product-item swiper-slide' data-id='$rowop[id]'>
  <span class='badge bg-success position-absolute'>-15%</span>
  <a href='product.php?id=$rowop[id]' class='btn-wishlist'><svg width='24' height='24'>
      <use xlink:href='#heart'></use>
    </svg></a>
  <figure>
    <a href='product.php?id=$rowop[id]' title='$rowop[name]'>
      <img src='admin/uploads/products/$rowop[thumbnail]' class='tab-image'>
    </a>
  </figure>
  <a class='textnone' href='product.php?id=$rowop[id]'>
    <h3>$name</h3>
  </a>
  <span class='qty'>1 Unit</span><span class='rating'><svg width='24' height='24' class='text-primary'>
      <use xlink:href='#star-solid'></use>
    </svg> 4.5</span>
  <span class='price'>₹$rowop[saleamount].00</span>
  <div class='d-flex align-items-center justify-content-between'>
    <a href='#' class='btn btn-primary addtocarted'><i class='fa-solid fa-cart-shopping'></i> <iconify-icon icon='uil:shopping-cart'> Add to Cart</a>
  </div>
</div>
            ";
                                    }
                                    ?>
                                    <!-- ==============Product Swiper End================================ -->


                                </div>
                            </div>
                            <!-- / products-carousel -->

                        </div>
                    </div>
                </div>
            </section>
            <!-- =========================Related Products End ================== -->



            <script>
                function changeImage(src) {
                    document.getElementById('mainImage').src = src;
                }

                // Hide image if it cannot be loaded
                function hideImage(img) {
                    img.style.display = 'none';
                }
            </script>
    <?php
        } else {
            echo "<p>Product not found.</p>";
        }
    } else {
        echo "<p>No product selected.</p>";
    }
    ?>

    <!-- =============Body end Here ============= -->
    <?php include 'parts/looking.php' ?>
    <?php include 'parts/functions.php' ?>
    <?php include 'parts/footer.php' ?>
    <?php include 'parts/js.php' ?>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var addToCartButtons = document.querySelectorAll('.addtocart');
            addToCartButtons.forEach(function(button) {
                button.addEventListener('click', function(event) {
                    event.preventDefault();
                    var productId = this.closest('.product-itemadd').getAttribute('data-id'); // Updated to fetch data-id
                    var xhr = new XMLHttpRequest();
                    xhr.open('POST', 'add_to_cart.php', true);
                    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
                    xhr.onreadystatechange = function() {
                        if (xhr.readyState == 4 && xhr.status == 200) {
                            if (xhr.responseText == 'not_logged_in') {
                                window.location.href = 'login.php';
                            } else if (xhr.responseText == 'success') {
                                alert('Product added to cart successfully.');
                            } else {
                                alert('Failed to add product to cart.');
                            }
                        }
                    };
                    xhr.send('productid=' + productId);
                });
            });

            var deleteFromCartButtons = document.querySelectorAll('.deletecart');
            deleteFromCartButtons.forEach(function(button) {
                button.addEventListener('click', function(event) {
                    event.preventDefault();
                    var productId = this.closest('li').querySelector('a').href.split('id=')[1];
                    var xhr = new XMLHttpRequest();
                    xhr.open('POST', 'delete_from_cart.php', true);
                    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
                    xhr.onreadystatechange = function() {
                        if (xhr.readyState == 4 && xhr.status == 200) {
                            if (xhr.responseText == 'success') {
                                alert('Product removed from cart successfully.');
                                location.reload();
                            } else {
                                alert('Failed to remove product from cart.');
                            }
                        }
                    };
                    xhr.send('productid=' + productId);
                });
            });
        });
    </script>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
      var addToCartButtons = document.querySelectorAll('.addtocarted');
      addToCartButtons.forEach(function(button) {
        button.addEventListener('click', function(event) {
          event.preventDefault();
          var productId = this.closest('.product-item').getAttribute('data-id'); // Updated to fetch data-id
          var xhr = new XMLHttpRequest();
          xhr.open('POST', 'add_to_cart.php', true);
          xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
          xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && xhr.status == 200) {
              if (xhr.responseText == 'not_logged_in') {
                window.location.href = 'login.php';
              } else if (xhr.responseText == 'success') {
                alert('Product added to cart successfully.');
              } else {
                alert('Failed to add product to cart.');
              }
            }
          };
          xhr.send('productid=' + productId);
        });
      });

      var deleteFromCartButtons = document.querySelectorAll('.deletecart');
      deleteFromCartButtons.forEach(function(button) {
        button.addEventListener('click', function(event) {
          event.preventDefault();
          var productId = this.closest('li').querySelector('a').href.split('id=')[1];
          var xhr = new XMLHttpRequest();
          xhr.open('POST', 'delete_from_cart.php', true);
          xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
          xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && xhr.status == 200) {
              if (xhr.responseText == 'success') {
                alert('Product removed from cart successfully.');
                location.reload();
              } else {
                alert('Failed to remove product from cart.');
              }
            }
          };
          xhr.send('productid=' + productId);
        });
      });
    });
  </script>
</body>

</html>