diff -r d702a41a7021 -r ac959f98e107 www/inv_styles.php
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/inv_styles.php	Sat Aug 18 23:09:07 2018 +0200
@@ -0,0 +1,104 @@
+<?php
+require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
+page_header('Bier stijlen', 'inv_styles');
+?>
+
+   <div id="jqxgrid"></div>
+   <div style="margin-top: 30px;">
+    <div id="cellbegineditevent"></div>
+    <div style="margin-top: 10px;" id="cellendeditevent"></div>
+   </div>
+
+   <!-- Popup editor window. -->
+   <div id="popupWindow">
+    <div>Wijzig bier stijl.</div>
+    <div style="overflow: hidden;">
+     <table>
+      <tr>
+       <td align="right" style="vertical-align: top;">Bier stijl:</td>
+       <td align="left" style="vertical-align: top;"><input id="name" /></td>
+       <td align="right" style="vertical-align: top;">Bier groep:</td>
+       <td align="left" style="vertical-align: top;"><input id="style_letter" /></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Categorie:</td>
+       <td align="left" style="vertical-align: top;"><input id="category" /></td>
+       <td align="right" style="vertical-align: top;">Categorie nummer:</td>
+       <td align="left" style="vertical-align: top;"><input id="category_number" /></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Opmerkingen:</td>
+       <td align="left" colspan="3"><textarea id="notes"></textarea></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Type:</td>
+       <td align="left"><div id="type"></div></td>
+       <td align="right" style="vertical-align: top;">Stijl gids:</td>
+       <td align="left" style="vertical-align: top;"><input id="style_guide" /></td>
+      </tr>
+
+      <tr>
+       <td align="right" style="vertical-align: top;">Ninimum start SG:</td>
+       <td align="left" style="vertical-align: top;"><input id="og_min" /></td>
+       <td align="right" style="vertical-align: top;">Minimum kleur EBC:</td>
+       <td align="left" style="vertical-align: top;"><input id="color_min" /></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Maximum start SG:</td>
+       <td align="left" style="vertical-align: top;"><input id="og_max" /></td>
+       <td align="right" style="vertical-align: top;">Maximum kleur EBC:</td>
+       <td align="left" style="vertical-align: top;"><input id="color_max" /></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Minimum eind SG:</td>
+       <td align="left" style="vertical-align: top;"><input id="fg_min" /></td>
+       <td align="right" style="vertical-align: top;">Minimum koolzuur vol:</td>
+       <td align="left" style="vertical-align: top;"><input id="carb_min" /></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Maximum eind SG:</td>
+       <td align="left" style="vertical-align: top;"><input id="fg_max" /></td>
+       <td align="right" style="vertical-align: top;">Maximum koolzuur vol:</td>
+       <td align="left" style="vertical-align: top;"><input id="carb_max" /></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Minimum bitterheid IBU:</td>
+       <td align="left" style="vertical-align: top;"><input id="ibu_min" /></td>
+       <td align="right" style="vertical-align: top;">Minimum alcohol vol %:</td>
+       <td align="left" style="vertical-align: top;"><input id="abv_min" /></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Maximum bitterheid IBU:</td>
+       <td align="left" style="vertical-align: top;"><input id="ibu_max" /></td>
+       <td align="right" style="vertical-align: top;">Maximum alcohol vol %:</td>
+       <td align="left" style="vertical-align: top;"><input id="abv_max" /></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Profiel:</td>
+       <td align="left" colspan="3"><textarea id="profile"></textarea></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Ingredienten:</td>
+       <td align="left" colspan="3"><textarea id="ingredients"></textarea></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Voorbeelden:</td>
+       <td align="left" colspan="3"><textarea id="examples"></textarea></td>
+      </tr>
+      <tr>
+       <td style="padding-top: 10px;" align="right"><input type="button" id="Delete" value="Delete" /></td>
+       <td align="right"></td>
+       <td align="right"></td>
+       <td style="padding-top: 10px;" align="right">
+        <input style="margin-right: 5px;" type="button" id="Save" value="Save" />
+        <input id="Cancel" type="button" value="Cancel" />
+       </td>
+      </tr>
+     </table>
+    </div>
+   </div>
+
+<?php
+confirm_delete();
+page_footer();
+?>