<!DOCTYPE html>
<html>
<head>
<style>
body{
    font-family: Arial, Helvetica, sans-serif;
    /*font-family: "Lucida Console", "Courier New", monospace;*/
    font-weight:bolder;
}
ul{
	list-style-type:none;
}
#content{
	width:190px;
	page-break-after: always;
}
#title{
	text-align:center;
	margin-top:0px;
}
#items{
	width:190px;
}
th {
  border-bottom: 1px solid #ddd;
}
td {
  border-top: 1px solid #ddd;
}
#items > tbody > tr > td:nth-child(2){
	text-align:center;
}
/*@page {
    size: 3in;
    margin: 0;
}
@media print{
    body{
        margin-top:-1in;
    }
}*/
</style>
</head>
<body>
<div id="content">
	<div id="title">K.O.T</div>
<ul>
              <li><?php echo "BILL NO:". $sale_info->sale_id; ?></li>
              <li>
                  <strong>
                      <?php
                      $dt_name ="DINE IN.";
                      if($sale_info->dine_type == 1)
                        $dt_name ="DINE IN";
                      
                      if($sale_info->dine_type == 2)
                        $dt_name ="TAKE AWAY";
                      
                      if($sale_info->dine_type == 3)
                        $dt_name ="DELIVERY";
                      
                      echo $dt_name; ?>
                </strong>
              </li>
              <?php if($sale_info->table_id > 0){ ?>
              <li>
                  <?php echo ($sale_info->continued == 1)?"CONTINUE ORDER TO ":""; ?> TABLE NO   : <?php echo $sale_info->table_id; ?>
              </li>
              <?php } ?>
              <?php if($sale_info->kitchen_note != ""){ ?>
              <li><?php echo "NOTE:". $sale_info->kitchen_note; ?></li>
              <?php } ?>
          </ul>
<table id="items">
  <tr>
    <th>ITEM</th>
    <th>QTY</th>
  </tr>
  <tbody>
  <?php
  foreach($sale_items as $row){
      echo '<tr>
                <td>'.$row->product_name.'</td>
                <td>'.$row->quantity.'</td>
            </tr>';
  }
  ?>
  </tbody>
</table>
</div>

<!--<script>
        window.print();
        setTimeout(function(){
            window.close();
        },1000);
  </script>-->

</body>
</html>

