<?php
ob_start();
session_start();
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php include'head.php' ?>
<link rel="stylesheet" href="assets/css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="Bitter Mobile Template">
<meta name="keywords" content="bootstrap, mobile template, bootstrap 4, mobile, html, responsive" />
<style>
.pleft {
	padding-left:3px;
}
.pright {
	padding-right:3px;
}
.search input{
width: 100%;
    color: rgba(0,0,0,.87);
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    padding: 0 12px;
    box-sizing: border-box;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: background .3s cubic-bezier(.25,.8,.5,1);
    border-radius: 2px;
    border: 0;
}
</style>
</head>

<body>
<?php include("include/connection.php");?>




<!-- App Capsule -->
<div id="appCapsule">
  <div class="appContent1">
    <div class="">
      <form id="searchform" method="post" action="#">
 <div class="search">
        <input  type="text" class="form-control" id="searchInput" name="searchInput" placeholder="Search for goods"></div>
      </form>
    </div>
  </div>
  <div class="appContent">
    <div class="sectionTitle"> 
      
      <!-- post list -->
 <div style="background: white" class="vcard">
        <div class="row" id="searchResult"> 
          <!-- item -->
          <?php
	$i=0;
  $productQuery=mysqli_query($con,"select * from `tbl_product` where `status`='1'");
  while($productResult=mysqli_fetch_array($productQuery)){$i++;?>
          <div style="box-sizing: border-box;" class="col-6 <?php if(($i%2)==0){echo"pleft";}else{echo "pright";}?>">
            <div class="vcard card"> <a href="/login" class="postItem">
              <div class="imageWrapper"> <img src="<?php echo $productResult['images'];?>" alt="image" class="image"> </div>
              <p class="text-center"><?php echo $productResult['name'];?></p>
              <footer style="font-size: 14px; font-weight:400; color: #f39839">₹ <?php echo number_format($productResult['price'], 2);?></footer>
              </a> </div>
          </div>
          <?php }?>
       
      </div>
        <br><br>
      </div>
      <!-- * post list -->
      
      <div class="p-2"></div>
      
      <!-- * listview --> 
      
    </div>
    
    <!-- app Footer --> 
    
    <!-- * app Footer --> 
    
  </div>
</div>
<?php include("include/footer.php");?>
<!-- Jquery --> 
<script src="assets/js/lib/jquery-3.4.1.min.js"></script> 
<!-- Bootstrap--> 
<script src="assets/js/lib/popper.min.js"></script> 
<script src="assets/js/lib/bootstrap.min.js"></script> 
<!-- Owl Carousel --> 
<script src="assets/js/plugins/owl.carousel.min.js"></script> 
<!-- Main Js File --> 
<script src="assets/js/app.js"></script>
</body>
</html>