<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form action="" method="post">
<label>Search Product:</label>
<input name="search_text" type="text" /><!-- a user search product here -->
<div id="search_hints"></div> <!-- available products display here,with someinformation such as available stock,expire date and batch number -->
</form>
<!-- when the user selects the product it comes here,allows user to enter quantity and the total cahnges at the bottom,the user submits to complete sale and the receipt is printed out -->
<table width="100%" border="1" cellspacing="1" cellpadding="1">
  <tr>
    <th scope="col">Product:<!-- selected above --></th>
    <th scope="col">Price:<!-- automatic --></th>
    <th scope="col">Quantity:<!-- entered by user --></th>
  </tr>
</table>
Total:<!-- auto-calculated as the user types in qty -->
Summary<table width="100%" border="1" cellspacing="1" cellpadding="1">
  <tr>
    <th scope="col">Total</th>
    <th scope="col">Paid amount</th>
     <th scope="col">Discount:</th>
  </tr>
</table>
<button type="submit" name="submit_sale">Complete Sales</button>


</body>
</html>