<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Sales </h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Sales</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->	
	<section class="content">
      <div class="container-fluid">
        <div class="row">
          <!-- left column -->
          <div class="col-md-12">
            
            <div class="card card-info">
              <div class="card-header">
                <h3 class="card-title">Product List</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
           
           
		   
		   
		   
		     <div class="card">
              <div class="card-header">
                <h3 class="card-title">DataTable with default features</h3>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <table id="example1" class="table table-bordered table-striped">
                  <thead>
                  <tr height='50'>
                    <th>Product name
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					
					</th>
                   
                    <th>Receipt No</th>
                    <th>Commision</th>
                    <th>Product size</th>
					<th>Purchased Price</th>
					  <th>Sell_date </th>
                    <th>Z report No </th>
                
					<th>Availability</th>
					 <th wid>Action</th>
                  </tr>
                  </thead>
                  <tbody>
	
				<?php				
				include"config.php";

$sql="select * from sell";
$result=mysqli_query($conn,$sql);

if(mysqli_num_rows($result)>0)
{
	while($row=mysqli_fetch_assoc($result))
	{
		$a=$row['product_id'];
		$sql1="select * from product where product_id='$a'";
$result1=mysqli_query($conn,$sql1);
     while($row1=mysqli_fetch_assoc($result1))
	{
		
	
	echo"
   <tr>
                     <td>". $row1['product_name']."</td>
                    <td>". $row['receipt_no']."</td>
                    <td>". $row['commision']."</td>
                  <td>". $row['product_size']."</td>
                   <td>". $row['product_bult_price']."</td>
					<td>". $row['sell_date']."</td>
					<td>". $row['z_no']."</td>
                    <td>". $row['product_name']."</td>
                    <td>". $row['product_name']."</td>
                  
					<td>
					<form action='product_update_details.php' method='post'>
					<input type='submit' class='btn btn-info' value='Update' >
					<input type='hidden' name='hidden' value='".$row['product_id']."'>
					</form>
					
					<form>
						<input type='submit' class='btn btn-danger' value='Delete' >
					</form>
					</td>
                   
</tr>
						";
   
	}
					 
					 
					
}}
						?>
	

				 
				 
               
                     <tfoot>
                
					<tr>                    
				 <th>Product name
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					
					</th>
                 
                   <th>Product size</th>
                    <th>Purchased Price</th>
                    <th>Selling Price</th>
					<th>SKU</th>
					  <th>Stock Size</th>
                    <th>Product Group</th>
                
					<th>Availability</th>
					 <th>Action</th>
                  </tr>
                  </tfoot>
                </table>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
		   
		   
		   
		   
		   
		   
		   
		   
		   
                <!-- /.card-body -->
              
                <!-- /.card-footer -->
         
            </div>
            <!-- /.card -->

          </div>
          <!--/.col (left) -->
          <!-- right column -->
         
          <!--/.col (right) -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
	    <!-- /.content -->
  </div>    