.-.-.-.-.-

<?php include './header.php';
include './connection.php';
include_once('./lib/ps_pagination.php');
?>
<section class="page-title-light breadcrumb_section parallax_bg overlay_bg_50" data-parallax-bg-image="assets/images/ab.jpg">
	<div class="container">
    	<div class="row align-items-center">
        	<div class="col-sm-6">
            	<div class="page-title">
            		<h1>Product</h1>
                </div>
            </div>
            <div class="col-sm-6">
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb justify-content-sm-end">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Product</li>
                  </ol>
                </nav>
            </div>
        </div>
    </div>
</section>

<div class="container">
  <div class="center wow fadeInDown" align="center">
      <img src="./assets/images/product/p.jpg" width="350px"/>
        </div>
  <div class="row">
<section id="comments">
    
    <form name="form" id="form"  action="" method="GET" enctype="multipart/form-data">
       
        <p>
            <label for="product_name" style="color: blue"><b>Product Category</b></label>
            <select name="product_cat" id="product_cat" onchange="window.location='./product.php?product_cat='+this.value" required="required">
                <option value="">All</option>
                <?php
                $result=mysqli_query($connection, "SELECT * FROM `product_cat` WHERE 1");
                while($row=mysqli_fetch_object($result))
                {
                ?>
                <option value="<?php echo $row->cat_id; ?>" <?php echo !empty($_GET['product_cat']) && $_GET['product_cat'] == $row->cat_id ?  'selected="selected"' : ''; ?>><?php echo $row->name; ?></option>
                <?php
               }
                ?>
            </select>
            
        
        </p>

</form>

</section>
  </div>
</div>
      <br/><br/>
      <div class="container">
          <div class="row">
              
        
  <?php 
  
  $sql_condition = !empty($_GET['product_cat']) ? " AND product_cat_id = '".$_GET['product_cat']. "'" : "";
  $result =  mysqli_query($connection, "SELECT * FROM product_kit WHERE is_active = 1 $sql_condition ");
  while ($row = mysqli_fetch_object($result)) {
      if(file_exists("./admin/images/product_gallary/$row->filename")) {
      ?>

      <div class="col-md-3" onclick="showPopup(this);" data-pname="<?php echo "$row->pname ($row->pcode)"; ?>" data-pcost="<?php echo "Cost $row->mrp P.V. $row->pv "; ?>" data-pdesc="<?php echo $row->description; ?>" data-pimg="./admin/images/product_gallary/<?php echo $row->filename; ?>" style="cursor: pointer" >
      <div class="thumbnail">
           <div class="caption" style="text-align: center">
              <b > <?php echo "$row->pname ($row->pcode)"; ?></b> <br/>
              <?php echo "MRP $row->mrp P.V. $row->pv D.P. $row->pcost"; ?>
              
          </div>
          
         <img src="./admin/images/product_gallary/<?php echo $row->filename; ?>" class="img-rounded" style="width: 150px" />
        
      </div>
    </div>
    

  <?php } }
  ?>    
     </div>   
 </div>

<div class="modal fade" id="myModal" role="dialog" tabindex="-1">
    <div class="modal-dialog">
    
      
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title pname">Product Details</h4>
        </div>
        <div class="modal-body">
          <div class="col-md-12">
      <div class="thumbnail">
           <div class="caption" >
              <b class="pname"> </b> <br/>
              <span id="pcost"></span>
          </div>
         <img id="pimg" src="" style="width: 1200px" />
         <div class="caption" >
              <span id="pdesc" style="color: blue"></span>
          </div>
      </div>
    </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
  </div>
      </div>

</section>
<script type="text/javascript">
    function showPopup(thisObj){
        $(".pname").text($(thisObj).data("pname"));
        $("#pcost").text($(thisObj).data("pcost"));
        $("#pdesc").text($(thisObj).data("pdesc"));
        $("#pimg").attr("src", $(thisObj).data("pimg"));
        
        $("#myModal").modal();
    }
</script>
<section class="bg_default small_pt small_pb">

</section>
<?php include './footer.php'; ?>

/home2/wtmwscom/public_html/themes3671.wtmwebshop.com/../post/../product.php