Uname : Linux V-ShopU01 4.18.0-348.20.1.el8_5.x86_64 #1 SMP Thu Mar 10 20:59:28 UTC 2022 x86_64
Server : Apache/2.4.37 (rocky) OpenSSL/1.1.1k
Whoami : apache
Safe Mode : OFF
DOCUMENT ROOT : /var/www/html/site_shopudiet
Disable Function :
Path : /var/www/html/site_shopudiet/

Server IP : 65.20.74.164 Client IP : 18.191.102.241
Current File : /var/www/html/site_shopudiet/package_grid1.php
<?php 
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Online Organic Grocery Store in Kochi | ShopuDiet</title>
 <link rel="icon" type="image/png" href="images/favicon.png"/>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no">
<meta name="description" content="All the products we bring you are 100% Organic Certified. Customers can pick and choose the grocery items for their monthly home requirements from our site.">
<meta name="keywords" content="100% Organic Certified, Organic Store, Grocery store, Kochi Organic Store, Organic products">
<meta name="robots" content="*">
<meta name="viewport" content="initial-scale=1.0, width=device-width">

<link rel="icon" href="#" type="image/x-icon">
<link rel="shortcut icon" href="#" type="image/x-icon">

<!-- CSS Style -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="stylesheet/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="stylesheet/font-awesome.css" media="all">
<link rel="stylesheet" type="text/css" href="stylesheet/revslider.css" >
<link rel="stylesheet" type="text/css" href="stylesheet/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="stylesheet/owl.theme.css">
<link rel="stylesheet" type="text/css" href="stylesheet/jquery.bxslider.css">
<link rel="stylesheet" type="text/css" href="stylesheet/jquery.mobile-menu.css">
<link rel="stylesheet" type="text/css" href="stylesheet/style.css" media="all">
<link rel="stylesheet" type="text/css" href="stylesheet/responsive.css" media="all">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700,600,800,400' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i,900" rel="stylesheet">
<!-- BEGIN GOOGLE ANALYTICS CODEs -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
<link rel="stylesheet" href="/path/to/flickity.css" media="screen">
<script src="/path/to/flickity.pkgd.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    setTimeout(function(){
        $('.loader').fadeOut(100);
    }, 2500);

});

</script>

</head>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-170593298-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-170593298-1');
</script>
  <body>
    <div class="loader">
</div>
<div id="page">
 <?php
 include('header.php');
?>
<div class="page-heading hidden-xs">
  <div class="breadcrumbs">
    <div class="container">
      <div class="row">
        
        <!--col-xs-12--> 
      </div>
      <!--row--> 
    </div>
    <!--container--> 
  </div>
  <div class="page-title">
    <h2>Packages</h2>
  </div>
</div>
<!--breadcrumbs--> 
<!-- BEGIN Main Container col2-left -->

  <!--container--> 
  <h4 class="cat_namehead hidden-lg hidden-md hidden-sm">Packages</h4>
<section class="product_grids1">
  <div class="container">
    <div class="row" style="    padding-top: 10px;">
         <?php 
                include('dbconnect.php');
                 $limit = 8;  
        if (isset($_GET["page"])) { $page  = $_GET["page"]; } else { $page=1; };  
        $start_from = ($page-1) * $limit;  
               
                $squery = "select * from packages LIMIT $start_from, $limit";
                     $result = mysqli_query($conn,$squery);
                     //$i=mysqli_num_rows($result);
                     //$j=1;
                     while( $row = mysqli_fetch_array($result))
                    {
                      $price=$row['price'];
                      $price1=$row['priceorg'];
            ?>
      <div class="col-sm-3 col-sm-3 col-xs-6 packages_grid" >
        <div class="product-grid pro-coloumn1">
          <div class="pro-img">
            <a href="package-detail.php?id=<?php echo $row['id']?>" title="<?php echo $row['product_name']?>" class="product-image"><img src="admin/img/<?php echo $row['image']?>" alt="<?php echo $row['product_name']?>"  class=" img-responsive pr0-img"></a>
           <div class="item-title1"><a href="package-detail.php?id=<?php echo $row['id']?>" title="<?php echo $row['product_name']?>"><?php echo $row['product_name']?> </a> </div>
            <div class="item-weight"><a href="package-detail.php?id=<?php echo $row['id']?>" title="<?php echo $row['product_name']?> ">(<?php echo $row['num']?> Items)</a> </div>

<form action="add_to_cart.php?id=<?php echo $row['id'] ?>" method="post">
<div class="col-md-6 col-sm-6 col-xs-6">  <div class="def-number-input number-input safari_only">
  <a onclick="this.parentNode.querySelector('input[type=number]').stepDown()" class="minus"></a>
  <input class="quantity1" min="1" name="quantity" id="qty<?php echo $row['id'];?>" value="1" type="number">
  <a onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus"></a>
</div></div>
<div class="item-price1s col-md-6 col-sm-6 col-xs-6">
                       <?php if ($price>0) { echo "₹". $price; }  ?> <br><strike style="color: #bbb6b6;"><?php if ($price1>0) { echo "₹".$price1;}?></strike>
                      </div>
<div class="add_cart">
 <?php
include("dbconnect.php");
$cart_id = $_SESSION['cart_id'];
$id = $row['id'];
$data = mysqli_query($conn,"SELECT * FROM product_cart where prduct_id='$id' AND cart_id='$cart_id'");
if(mysqli_num_rows($data) > 0)
{
?>
                     <button class="btn btn-carts1"type="button" style="background-color:#df2b27;" onclick = "cart()"><span>VIEW CART</span></button>
<?php } else { ?>
                    <button class="btn btn-carts1" type="button" id="add<?php echo $row['id']?>" onclick = "add_cart(<?php echo $row['id'];?>)"><span>ADD TO CART</span></button>
<?php } ?></form>
                  </div>

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


      <?php }?>

    </div>
     <?php  
$sql = "SELECT COUNT(id) FROM packages";
/*echo "$sql";  */
$rs_result = mysqli_query($conn, $sql);  
$row = mysqli_fetch_row($rs_result);  
$total_records = $row[0];  
$total_pages = ceil($total_records / $limit);  
$pagLink = "<div class='pagination pull-right '>";  
for ($i=1; $i<=$total_pages; $i++) {  
             $pagLink .= "<a href='package_grid.php?page=".$i."'>".$i."</a>";  
};  
echo  $pagLink . "</div>";  
?>
  </div>
  <style>
.pagination {
  display: inline-block;
}

.pagination a {
    color: white;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #edf3ee;
    background: #013969;
}
.packages_grid{
  padding-bottom:10px;
}



.pagination a:hover:not(.active) {background-color: #ffd016;}
@media (min-width: 280px) and (max-width: 560px){
  .packages_grid{
    padding: 5px 5px 5px 5px;
  }
}
</style>
        
</section>


 <?php
 include('footer.php');
?>

</div>
<!--page--> 
<!-- Mobile Menu-->
<?php
 include('mobile-menu.php');
?>
<a href="#" id="toTop" style="display: block;"><span class="fa fa-arrow-up"></span></a>
<!-- JavaScript --> 
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/common.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/owl.carousel.min.js"></script> 
<script src="js/cloud-zoom.js"></script>
<script src="js/jquery.mobile-menu.min.js"></script>

<script type="text/javascript">
     function add_cart(id)
    {
       // alert(id);
       $(".label_top").text('');
       $(".fl-mini-cart-content").text('');
       $(".fix").text('');
       var qty = 1;
       $.ajax({
                    url: 'add_to_cart.php',
                    data: {id:id,qty:qty},
                    type: 'post',
                    async: false,
                    dataType: 'json',
                    success:function(data){
                       
                        $("#add"+id).text('View Cart');
                        $(".label_top").text(data.count);
                        $("#add"+id).css('background-color','#df2b27');
                        $("#add"+id).css('color','#fff');
                        $(".fl-mini-cart-content").append(data.list);
                        $("#add"+id).attr("onclick","cart()");
                        //console.log(data.list);
                        $("div").removeClass("hidden-sm");
                        $(".fix").append(data.fix);
                        
                    }
            });
    }
     function cart()
    {
        window.location.href='cart.php';
        //alert('error');
    }
</script>


</body>
</html>