diff -r 6d94167c2697 -r 7224109adfe1 www/recipes.php
--- a/www/recipes.php	Sat Sep 01 22:24:09 2018 +0200
+++ b/www/recipes.php	Tue Sep 04 13:44:02 2018 +0200
@@ -36,11 +36,11 @@
 	</tr>
 	<tr>
          <td style="vertical-align: top; float: right;">Stijlgids:</td>
-         <td align="left" style="vertical-align: top;"><input id="style_guide" /></td>
+         <td align="left" style="vertical-align: top;"><input id="st_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 align="left" style="vertical-align: top;"><input id="st_name" /></td>
          <td style="vertical-align: top; float: right;">Bier groep:</td>
-	 <td align="left" style="vertical-align: top;"><input id="style_letter" /></td>
+	 <td align="left" style="vertical-align: top;"><input id="st_letter" /></td>
 	</tr>
         <tr>
 	 <td style="vertical-align: top; float: right;">Brouw type:</td>
@@ -60,7 +60,7 @@
 	</tr>
         <tr>
          <td style="vertical-align: top; float: right;">Start SG:</td>
-         <td><div id="est_og"></div></td>
+         <td><div style="float: left;" id="est_og"></div><div style="float: left; margin-left: 5px;" id="st_og_min"></div><div style="float: left;" id="st_og_max"></div></td>
          <td style="vertical-align: top; float: right;">Eind SG:</td>
          <td><div id="est_fg"></div></td>
          <td></td>
@@ -91,28 +91,75 @@
 
      <div> <!-- tab vergistbaar -->
       <div style="overflow: hidden;">
-2e tab
+       <table>
+        <tr>
+         <td align="right" style="vertical-align: top;">Ingredienten:</td>
+         <td align="left" colspan="3"><div id="fermentableGrid">Graat</div></td>
+        </tr>
+       </table>
       </div>
      </div> <!-- tab vergistbaar -->
+
      <div> <!-- tab hoppen -->
-Hoppen
+      <div style="overflow: hidden;">
+       <table>
+        <tr>
+         <td align="right" style="vertical-align: top;">Hoppen:</td>
+         <td align="left" colspan="3"><div id="hopGrid">Graat</div></td>
+        </tr>
+       </table>
+      </div>
      </div> <!-- tab hoppen -->
+
      <div> <!-- tab misc -->
-Misc
+      <div style="overflow: hidden;">
+       <table>
+        <tr>
+         <td align="right" style="vertical-align: top;">Diversen:</td>
+         <td align="left" colspan="3"><div id="miscGrid">Graat</div></td>
+        </tr>
+       </table>
+      </div>
      </div> <!-- tab misc -->
+
      <div> <!-- tab gisten -->
-Gisten
+      <div style="overflow: hidden;">
+       <table>
+        <tr>
+         <td align="right" style="vertical-align: top;">Gisten:</td>
+         <td align="left" colspan="3"><div id="yeastGrid">Graat</div></td>
+        </tr>
+       </table>
+      </div>
      </div> <!-- tab gisten -->
+
      <div> <!-- tab water -->
-Water
+      <div style="overflow: hidden;">
+       <table>
+<!--        <tr>
+         <td align="right" style="vertical-align: top;">Schema naam:</td>
+         <td align="left" colspan="3" style="vertical-align: top;"><input id="name" /></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;">Water:</td>
+         <td align="left"><div id="waterGrid"></div></td>
+        </tr>
+       </table>
+      </div>
      </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>
+         <td style="vertical-align: top; float: right;">Maischchema:</td>
+	 <td align="left" style="vertical-align: top;"><input id="mash_name" /></td>
+         <td style="vertical-align: top; float: right;">Maish pH:</td>
+         <td><div id="mash_ph"></div></td>
         </tr>
         <tr>
          <td align="right" style="vertical-align: top;">Stappen:</td>
@@ -123,9 +170,9 @@
      </div> <!-- tab maischen -->
 
     </div> <!-- jqxTabs -->
-   </div> <!-- popupwindow --<
+   </div> <!-- popupwindow -->
 
 <?php
-confirm_delete();
+//confirm_delete();
 page_footer();
 ?>