<h1>Products</h1>

<div id=\”Form01\”></div>
<div id=\”List01\”></div><br>

<table id=\”Template01\” class=\”appmltable\” style=\”width:100%;display:none\”>
<tr>
<th></th>
<th>Product Name</th>
<th>Category</th>
<th>Supplier</th>
</tr>
<tr id=\”appml_row\”>
<td style=\”cursor:pointer\” onclick=\”productForm.run(\’Form01\’,\’Template02\’,\’#ProductID#\’)\”>
<img src=\”Images/appmlPlus.png\”></td>
<td>#ProductName#</td>
<td>#CategoryName#</td>
<td>#SupplierName#</td>
</tr>
</table>

<div id=\”Template02\” class=\”appmlform\” style=\”width:100%;display:none\”>
<label>ProductName:</label><input id=\”ProductName\”>
<label>Supplier:</label>
<select id=\”SupplierID\” data-appmlapplication=\”Models/Dropdown_Suppliers\”>
</select>
<label>Category:</label>
<select id=\”CategoryID\” data-appmlapplication=\”Models/Dropdown_Categories\”>
</select>
<label>Unit:</label><input id=\”Unit\”>
<label>Price:</label><input id=\”Price\”>
</div>

<script src=\”appml.js\”></script>
<script>
var products,productForm
products=new AppML(\”appml.php\”,\”Models/Products\”);
products.run(\”List01\”,\”Template01\”);
productForm=new AppML(\”appml.php\”,\”Models/Products\”);
productForm.displayType=\”form\”;
</script>

</body>
</html>