diff -r 4d27a7fb1265 -r 6d94167c2697 www/recipes.php
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/recipes.php	Sat Sep 01 22:24:09 2018 +0200
@@ -0,0 +1,131 @@
+<?php
+require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
+page_header('Recepten', 'recipes');
+?>
+
+   <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 recept.</div>
+    <div id="jqxTabs">
+     <ul>
+      <li>Algemeen</li>
+      <li>Vergistbaar</li>
+      <li>Hoppen</li>
+      <li>Diversen</li>
+      <li>Gist</li>
+      <li>Water</li>
+      <li>Maischen</li>
+     </ul>
+
+     <div> <!-- tab algemeen -->
+      <div style="overflow: hidden;">
+       <table>
+        <tr>
+         <td style="vertical-align: top; float: right;">Recept naam:</td>
+         <td align="left" colspan="5" style="vertical-align: top;"><input id="name" /></td>
+        </tr>
+        <tr>
+         <td style="vertical-align: top; float: right;">Opmerkingen:</td>
+         <td colspan="5"><textarea id="notes"></textarea></td>
+	</tr>
+	<tr>
+         <td style="vertical-align: top; float: right;">Stijlgids:</td>
+         <td align="left" style="vertical-align: top;"><input id="style_guide" /></td>
+         <td style="vertical-align: top; float: right;">Bier stijl:</td>
+         <td align="left" style="vertical-align: top;"><input id="style_name" /></td>
+         <td style="vertical-align: top; float: right;">Bier groep:</td>
+	 <td align="left" style="vertical-align: top;"><input id="style_letter" /></td>
+	</tr>
+        <tr>
+	 <td style="vertical-align: top; float: right;">Brouw type:</td>
+	 <td align="left"><div id="type"></div></td>
+         <td></td>
+	 <td></td>
+         <td></td>
+         <td></td>
+        </tr>
+        <tr>
+         <td style="vertical-align: top; float: right;">Brouw volume:</td>
+         <td><div id="batch_size"></div></td>
+         <td style="vertical-align: top; float: right;">Kooktijd minuten:</td>
+	 <td><div id="boil_time"></div></td>
+         <td style="vertical-align: top; float: right;">Brouwzaal rendement:</td>
+         <td><div id="efficiency"></div></td>
+	</tr>
+        <tr>
+         <td style="vertical-align: top; float: right;">Start SG:</td>
+         <td><div id="est_og"></div></td>
+         <td style="vertical-align: top; float: right;">Eind SG:</td>
+         <td><div id="est_fg"></div></td>
+         <td></td>
+         <td></td>
+        </tr>
+         <td style="vertical-align: top; float: right;">Kleur EBC:</td>
+         <td><div id="est_color"></div></td>
+         <td style="vertical-align: top; float: right;">Methode:</td>
+         <td><div id="color_method"></div></td>
+         <td></td>
+         <td></td>
+        </tr>
+         <td style="vertical-align: top; float: right;">Bitterheid IBU:</td>
+         <td><div id="est_ibu"></div></td>
+         <td style="vertical-align: top; float: right;">Methode:</td>
+         <td><div id="ibu_method"></div></td>
+         <td></td>
+         <td></td>
+        </tr>
+       </table>
+       <div style="float: right; margin-top: 95px; margin-bottom: 10px;">
+        <input style="margin-right: 90px;"  type="button" id="Delete" value="Delete" />
+        <input style="margin-right: 90px;"  type="button" id="Save" value="Save" />
+        <input style="margin-right: 375px;" type="button" id="Cancel" value="Cancel" />
+       </div>
+      </div>
+     </div> <!-- tab algemeen -->
+
+     <div> <!-- tab vergistbaar -->
+      <div style="overflow: hidden;">
+2e tab
+      </div>
+     </div> <!-- tab vergistbaar -->
+     <div> <!-- tab hoppen -->
+Hoppen
+     </div> <!-- tab hoppen -->
+     <div> <!-- tab misc -->
+Misc
+     </div> <!-- tab misc -->
+     <div> <!-- tab gisten -->
+Gisten
+     </div> <!-- tab gisten -->
+     <div> <!-- tab water -->
+Water
+     </div> <!-- tab water -->
+
+     <div> <!-- tab maischen -->
+      <div style="overflow: hidden;">
+       <table>
+        <tr>
+         <td align="right" style="vertical-align: top;">Maischchema:</td>
+         <td align="left" colspan="3" style="vertical-align: top;"><input id="mash_name" /></td>
+        </tr>
+        <tr>
+         <td align="right" style="vertical-align: top;">Stappen:</td>
+         <td align="left" colspan="3"><div id="mashGrid">Graat</div></td>
+        </tr>
+       </table>
+      </div>
+     </div> <!-- tab maischen -->
+
+    </div> <!-- jqxTabs -->
+   </div> <!-- popupwindow --<
+
+<?php
+confirm_delete();
+page_footer();
+?>