www/prod_view.php

Wed, 06 Dec 2023 20:26:00 +0100

author
Michiel Broek <mbroek@mbse.eu>
date
Wed, 06 Dec 2023 20:26:00 +0100
changeset 855
2d328a2a4025
parent 842
897bf2a43253
permissions
-rw-r--r--

Fixed init scripts names in Makefile. Update crontasks to use the database to check the log entries for products.

<?php
require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
page_header('Brouw overzicht', 'prod_view');
?>

   <div id='jqxTabs'>
    <ul>
     <li>Algemeen</li>
     <li>Apparatuur</li>
     <li>Vergistbaar</li>
     <li>Hoppen</li>
     <li>Diversen</li>
     <li>Gist</li>
     <li>Maischen</li>
     <li>Water</li>
     <li>Brouwdag</li>
     <li>Vergisten</li>
     <li>Verpakken</li>
     <li>Proeven</li>
    </ul>

    <div> <!-- tab algemeen -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouw naam:</td>
	<td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="name" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Afgesloten:</td>
        <td align="left"><div id="locked"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouw code:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input id="code" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Start planning:</td>
        <td align="left" style="vertical-align: top;"><input readonly="1" id="birth" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouw fase:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input id="stage" readonly /></td>
       </tr>
       <tr id='divide_row'>
        <td style="vertical-align: top; float: right; padding: 3px;">Splits product:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input id="divide_type" readonly /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Gesplitst product:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input id="divide_batch" readonly /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Splits focus:</td>
        <td align="left"><div id="d3"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td>
        <td colspan="5" style="padding: 3px;"><textarea id="notes"></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td>
        <td align="left" style="padding: 3px;"><input id="type" readonly /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouwzaal rendement:</td>
	<td style="padding: 3px;"><div id="efficiency"></div></td>
	<td style="vertical-align: top; float: right; padding: 3px;" id="ok_pmpt">Ingredienten aanwezig:</td>
        <td align="left"><div id="ok_supplies"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume:</td>
        <td style="padding: 3px;"><div id="batch_size"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Kooktijd minuten:</td>
        <td style="padding: 3px;"><div id="boil_time"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Kook volume:</td>
        <td style="padding: 3px;"><div id="boil_size"></div></td>
       </tr>
       <tr>
        <td colspan="6"><hr></td>
       </tr>
       <tr>
        <td></td>
        <th>Bierstijl gegevens</th>
        <td colspan="4"></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Stijlgids:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_guide" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Bier stijl:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_name" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Bier groep:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_letter" /></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Stijl type:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1"  id="st_type" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Categorie:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_category" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Categorie nr:</td>
        <td style="padding: 3px;"><div id="st_category_number"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_og"></div><div style="float: left; margin-left: 15px;" id="st_og_min"></div><div style="float: left; margin-left: 5px;" id="st_og_max"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_fg"></div><div style="float: left; margin-left: 15px;" id="st_fg_min"></div><div style="float: left; margin-left: 5px;" id="st_fg_max"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcohol vol.%:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_abv"></div><div style="float: left; margin-left: 15px;" id="st_abv_min"></div><div style="float: left; margin-left: 5px;" id="st_abv_max"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_color"></div><div style="float: left; margin-left: 15px;" id="st_color_min"></div><div style="float: left; margin-left: 5px;" id="st_color_max"></div><div id="bcolor" class='ebccolor'> </div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Kleur methode:</td>
        <td style="padding: 3px;"><input id="color_method" readonly /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Koolzuur vol:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_carb"></div><div style="float: left; margin-left: 15px;" id="st_carb_min"></div><div style="float: left; margin-left: 5px;" id="st_carb_max"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_ibu"></div><div style="float: left; margin-left: 15px;" id="st_ibu_min"></div><div style="float: left; margin-left: 5px;" id="st_ibu_max"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid methode:</td>
        <td style="padding: 3px;"><input id="ibu_method" readonly /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Energie-inhoud kcal/l:</td>
        <td style="padding: 3px;"><div style="float: left;" id="kcal"></div></td>
       </tr>
      </table>
      <div style="float: right; margin-top: 20px; margin-bottom: 5px;">
       <input style="margin-right: 600px;" type="button" id="Terug" value="Terug" />
      </div>
     </div>
    </div>

    <div> <!-- Apparatuur -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Installatie naam:</td>
        <td colspan="5" align="left" style="vertical-align: top; padding: 3px;"><input id="eq_name" readonly /></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td>
        <td colspan="5" style="padding: 3px;"><textarea id="eq_notes" readonly></textarea></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="2">Maischen</th>
	<th style="text-align: center;" colspan="2">Koken</th>
        <th style="text-align: center;" colspan="2">Koelen</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Maischkuip volume L:</td>
        <td><div id="eq_tun_volume"></div></td>
        <td style="vertical-align: top; float: right;">Kookketel volume L:</td>
	<td><div id="eq_kettle_volume"></div></td>
	<td style="vertical-align: top; float: right;">Wort koeler type:</td>
        <td style="padding: 3px;"><input id="eq_chiller_type" readonly /></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Maischwater L:</td>
	<td><div id="eq_mash_volume"></div></td>
        <td style="vertical-align: top; float: right;">Trub verlies kookketel L:</td>
        <td><div id="eq_trub_loss"></div></td>
        <td style="vertical-align: top; float: right;">Minuten koelen tot 79&deg;C:</td>
        <td><div id="eq_chiller_to79"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Maximum moutstort Kg:</td>
	<td><div id="eq_mash_max"></div></td>
        <td style="vertical-align: top; float: right;">Kook volume L:</td>
        <td><div id="eq_boil_size"></div></td>
        <td style="vertical-align: top; float: right;">Dompelkoeler L:</td>
        <td><div id="eq_chiller_volume"></div></td>
       </tr>
       <tr>
	<th style="text-align: center;" colspan="2">Filteren</th>
        <td style="vertical-align: top; float: right;">Verdamping per uur L:</td>
        <td><div id="eq_evap_rate"></div></td>
        <td style="vertical-align: top; float: right;">Overbrengen verlies L:</td>
        <td><div id="eq_chiller_loss"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Filterkuip dode ruimte L:</td>
	<td><div id="eq_lauter_deadspace"></div></td>
        <td style="vertical-align: top; float: right;">Kooktijd in minuten:</td>
        <td><div id="eq_boil_time"></div></td>
        <td style="vertical-align: top; float: right;">Overbrengen liter/minuut:</td>
        <td><div id="eq_chiller_lpm"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Brouwzaalrendement %:</td>
	<td><div id="eq_efficiency"></div></td>
        <td style="vertical-align: top; float: right;">Extra water bij koken L:</td>
	<td><div id="eq_top_up_kettle"></div></td>
        <th style="text-align: center;" colspan="2">Overbrengen</th>
       </tr>
       <tr>
        <td colspan="2"></td>
        <td style="vertical-align: top; float: right;">Volume eind koken L:</td>
	<td><div id="eq_batch_size"></div></td>
        <td style="vertical-align: top; float: right;">Extra water in gistvat L:</td>
        <td><div id="eq_top_up_water"></div></td>
       </tr>
       <tr>
       <td colspan="2"></td>
       <td colspan="2"></td>
       <td style="vertical-align: top; float: right;">Volume naar gistvat L:</td>
        <td><div id="eq_fermenter_volume"></div></td>
       </tr>
      </table>
     </div>
    </div>

    <div> <!-- tab vergistbaar -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_color2"></div><div id="bcolor2" class='ebccolor'> </div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Percentage moutstort:</td>
        <td style="padding: 3px;"><div style="float: left;" id="perc_malts"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Begin SG:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_og2"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Percentage suiker:</td>
        <td style="padding: 3px;"><div style="float: left;" id="perc_sugars"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Maisch KG:</td>
        <td style="padding: 3px;"><div style="float: left;" id="mash_kg"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Percentage cara:</td>
        <td style="padding: 3px;"><div style="float: left;" id="perc_cara"></div></td>
       </tr>
       <tr>
	<td colspan="2"> </td>
        <td style="vertical-align: top; float: right; padding: 3px;">Lintner totaal:</td>
        <td style="padding: 3px;"><div style="float: left;" id="ferm_lintner"></div></td>
       </tr>
       <tr>
        <td align="center" colspan="4"><div id="fermentableGrid"></div></td>
       </tr>
      </table>
     </div>
    </div> <!-- tab vergistbaar -->

    <div> <!-- tab hoppen -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td>
        <td style="padding: 3px;"><div id="est_ibu2"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Smaak bijdrage:</td>
        <td style="padding: 3px;"><div id="hop_flavour"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Aroma bijdrage:</td>
        <td style="padding: 3px;"><div id="hop_aroma"></div></td>
       </tr>
       <tr>
        <td align="center" colspan="6"><div id="hopGrid"></div></td>
       </tr>
      </table>
     </div>
    </div> <!-- tab hoppen -->

    <div> <!-- tab misc -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr><td>&nbsp;</td></tr>
       <tr><td align="center"><div id="miscGrid"></div></td></tr>
      </table>
     </div>
    </div> <!-- tab misc -->

    <div> <!-- tab gisten -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Verwacht FG en ABV:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_fg2"></div><div style="float: left; margin-left: 10px;" id="est_abv2"></div></td>
        <td align="center" colspan="5" rowspan="5">
         <div id="propagator">
          <table style="width: 100%;">
           <caption>Giststarter stappen</caption>
           <tr>
            <td style="width: 40px; padding: 3px;">Stap</td>
            <td align="left" style="vertical-align: top; padding: 3px;">Methode</td>
            <td style="width: 120px; padding: 3px;">Volume</td>
            <td style="width: 120px; padding: 3px;">Inj. factor</td>
            <td style="width: 120px; padding: 3px;">Nieuwe cellen</td>
            <td style="width: 120px; padding: 3px;">Totaal cellen</td>
            <td style="width: 120px; padding: 3px;">Groei factor</td>
           </tr>
           <tr>
            <td align="center">1</td>
            <td><input id="prop1_type" readonly /><div id="r1_pmpt">Niet nodig</div></td>
            <td><div id="prop1_volume"></div></td>
            <td><div style="float: left;" id="prop1_irate"></div><div style="float: left;" id="r1_irate"></div></td>
            <td><div id="prop1_ncells"></div></td>
            <td><div style="float: left;" id="prop1_tcells"></div><div style="float: left;" id="r1_tcells"></div></td>
            <td><div style="float: left;" id="prop1_growf"></div><div style="float: left;" id="r1_growf"></div></td>
           </tr>
           <tr>
            <td align="center">2</td>
            <td><input id="prop2_type" readonly /><div id="r2_pmpt">Niet nodig</div></td>
            <td><div id="prop2_volume"></div></td>
            <td><div style="float: left;" id="prop2_irate"></div><div style="float: left;" id="r2_irate"></div></td>
            <td><div id="prop2_ncells"></div></td>
            <td><div style="float: left;" id="prop2_tcells"></div><div style="float: left;" id="r2_tcells"></div></td>
            <td><div style="float: left;" id="prop2_growf"></div><div style="float: left;" id="r2_growf"></div></td>
           </tr>
           <tr>
            <td align="center">3</td>
            <td><input id="prop3_type" readonly /><div id="r3_pmpt">Niet nodig</div></td>
            <td><div id="prop3_volume"></div></td>
            <td><div style="float: left;" id="prop3_irate"></div><div style="float: left;" id="r3_irate"></div></td>
            <td><div id="prop3_ncells"></div></td>
            <td><div style="float: left;" id="prop3_tcells"></div><div style="float: left;" id="r3_tcells"></div></td>
            <td><div style="float: left;" id="prop3_growf"></div><div style="float: left;" id="r3_growf"></div></td>
           </tr>
           <tr>
            <td align="center">4</td>
            <td><input id="prop4_type" readonly /><div id="r4_pmpt">Niet nodig</div></td>
            <td><div id="prop4_volume"></div></td>
            <td><div style="float: left;" id="prop4_irate"></div><div style="float: left;" id="r4_irate"></div></td>
            <td><div id="prop4_ncells"></div></td>
            <td><div style="float: left;" id="prop4_tcells"></div><div style="float: left;" id="r4_tcells"></div></td>
            <td><div style="float: left;" id="prop4_growf"></div><div style="float: left;" id="r4_growf"></div></td>
           </tr>
          </table>
         </div>
        </td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Gist productie datum:</td>
        <td style="padding: 3px;"><div id="yeast_prod_date"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Gist conditie %:</td>
        <td style="padding: 3px;"><div id="starter_viability"></div></td>
       </tr>
       <tr class="primary_dry">
        <td style="vertical-align: top; float: right; padding: 3px;">Gist nodig gram:</td>
        <td style="padding: 3px;"><div id="yeast_grams"></div></td>
       </tr>
       <tr class="primary_dry">
        <td style="vertical-align: top; float: right; padding: 3px;">Ent hoeveelheid gr/hl:</td>
        <td style="padding: 3px;"><div id="yeast_gr_hl"></div></td>
       </tr>
       <tr class="primary_liquid">
        <td style="vertical-align: top; float: right; padding: 3px;">Gistcellen miljard:</td>
        <td style="padding: 3px;"><div id="yeast_cells"></div></td>
       </tr>
       <tr class="primary_liquid">
        <td style="vertical-align: top; float: right; padding: 3px;">Pitch rate:</td>
        <td style="padding: 3px;"><div id="yeast_pitchrate"></div></td>
       </tr>
       <tr class="primary_liquid">
        <td style="vertical-align: top; float: right; padding: 3px;">Cellen nodig miljard:</td>
        <td style="padding: 3px;"><div id="need_cells"></div></td>
       </tr>
       <tr class="primary_liquid">
        <td style="vertical-align: top; float: right; padding: 3px;">Pitch cellen/ml &deg;P:</td>
        <td style="padding: 3px;"><div id="plato_cells"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Starter type:</td>
	<td style="padding: 3px;"><input id="starter_type" readonly /></td>
 	<td style="vertical-align: top; float: right; padding: 3px;">Starter SG:</td>
	<td style="padding: 3px;"><div id="starter_sg"></div></td>
        <td></td>
       </tr>
       <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
       <tr><td align="center" colspan="7"><div id="yeastGrid"></div></td></tr>
      </table>
     </div>
    </div> <!-- tab gisten -->

    <div> <!-- tab maischen -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Maischchema:</td>
	<td colspan="3" align="left" style="vertical-align: top; padding: 3px;"><input id="mash_name" readonly /></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Volume van de maisch L:</td>
        <td style="padding: 3px;"><div id="est_mashvol"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Tijdsduur maischen:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input style="text-align:right" readonly="1" id="est_mashtime" /></td>
       </tr>
       <tr><td colspan="4">&nbsp;</td></tr>
       <tr><td align="center" colspan="4" style="padding: 3px;"><div id="mashGrid"></div></td></tr>
      </table>
     </div>
    </div> <!-- tab maischen -->

    <div> <!-- tab water -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td align="center" colspan="9">
         <div id='water_totals'>
          <table style="width: 100%;">
           <caption>Water overzicht</caption>
           <tr>
	    <td align="left" style="vertical-align: top; padding: 3px;">Water profiel</td>
            <td style="width: 50px; padding: 3px;">Spoel</td>
            <td style="width: 97px; padding: 3px;">Volume</td>
            <td style="width: 77px; padding: 3px;">Ca</td>
	    <td style="width: 77px; padding: 3px;">Mg</td>
            <td style="width: 77px; padding: 3px;">HCO3</td>
	    <td style="width: 77px; padding: 3px;">CaCO3</td>
            <td style="width: 77px; padding: 3px;">Na</td>
            <td style="width: 77px; padding: 3px;">Cl</td>
            <td style="width: 77px; padding: 3px;">SO4</td>
	    <td style="width: 77px; padding: 3px;">pH</td>
            <td style="width: 77px; padding: 3px;">Hardheid</td>
            <td style="width: 77px; padding: 3px;">RA</td>
           </tr>
           <tr>
	    <td><input readonly="1" id="w1_name" /></td>
            <td><div style='margin-left: 10px;' id='w1_button'></div></td>
            <td><div id="w1_amount"></div></td>
            <td><div id="w1_calcium"></div></td>
	    <td><div id="w1_magnesium"></div></td>
	    <td><div id="w1_bicarbonate"></div></td>
            <td><div id="w1_total_alkalinity"></div></td>
            <td><div id="w1_sodium"></div></td>
            <td><div id="w1_chloride"></div></td>
            <td><div id="w1_sulfate"></div></td>
	    <td><div id="w1_ph"></div></td>
            <td><div id="w1_hardness"></div></td>
            <td><div id="w1_ra"></div></td>
           </tr>
           <tr>
	    <td><input readonly="1" id="w2_name" /></td>
            <td><div style='margin-left: 10px;' id='w2_button'></div></td>
            <td><div id="w2_amount"></div></td>
            <td><div id="w2_calcium"></div></td>
	    <td><div id="w2_magnesium"></div></td>
            <td><div id="w2_bicarbonate"></div></td>
	    <td><div id="w2_total_alkalinity"></div></td>
            <td><div id="w2_sodium"></div></td>
            <td><div id="w2_chloride"></div></td>
            <td><div id="w2_sulfate"></div></td>
	    <td><div id="w2_ph"></div></td>
            <td><div id="w2_hardness"></div></td>
            <td><div id="w2_ra"></div></td>
           </tr>
           <tr>
	    <td style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td>
            <td><div style='margin-left: 10px;' id='wg_button'></div></td>
            <td><div id="wg_amount"></div></td>
            <td><div id="wg_calcium"></div></td>
	    <td><div id="wg_magnesium"></div></td>
            <td><div id="wg_bicarbonate"></div></td>
	    <td><div id="wg_total_alkalinity"></div></td>
            <td><div id="wg_sodium"></div></td>
            <td><div id="wg_chloride"></div></td>
            <td><div id="wg_sulfate"></div></td>
	    <td><div id="wg_ph"></div></td>
            <td><div id="wg_hardness"></div></td>
            <td><div id="wg_ra"></div></td>
           </tr>
           <tr>
	    <td style="vertical-align: top; padding: 3px; float: left;">Behandeld maisch water:</td>
            <td></td>
            <td><div></div></td>
            <td><div id="wb_calcium"></div></td>
	    <td><div id="wb_magnesium"></div></td>
            <td><div id="wb_bicarbonate"></div></td>
	    <td><div id="wb_total_alkalinity"></div></td>
            <td><div id="wb_sodium"></div></td>
            <td><div id="wb_chloride"></div></td>
            <td><div id="wb_sulfate"></div></td>
	    <td><div id="wb_ph"></div></td>
            <td><div id="wb_hardness"></div></td>
            <td><div id="wb_ra"></div></td>
           </tr>
           <tr>
	    <td style="vertical-align: top; padding: 3px; float: left;">Resultaat:</td>
            <td></td>
            <td><div></div></td>
            <td><div id="wr_calcium"></div></td>
            <td><div id="wr_magnesium"></div></td>
            <td><div id="wr_bicarbonate"></div></td>
	    <td><div id="wr_total_alkalinity"></div></td>
            <td><div id="wr_sodium"></div></td>
            <td><div id="wr_chloride"></div></td>
            <td><div id="wr_sulfate"></div></td>
	    <td><div id="wr_ph"></div></td>
            <td></td>
            <td></td>
	   </tr>
           <tr>
            <td style="vertical-align: top; padding: 3px; float: left;">Behandeld spoelwater:</td>
            <td></td>
            <td><div id="sw_amount"></div></td>
            <td><div id="sw_calcium"></div></td>
            <td><div id="sw_magnesium"></div></td>
            <td><div id="sw_bicarbonate"></div></td>
            <td><div id="sw_total_alkalinity"></div></td>
            <td><div id="sw_sodium"></div></td>
            <td><div id="sw_chloride"></div></td>
            <td><div id="sw_sulfate"></div></td>
            <td><div id="sw_ph"></div></td>
            <td><div id="sw_hardness"></div></td>
            <td><div id="sw_ra"></div></td>
           </tr>
          </table>
         </div>
        </td>
       </tr>
       <tr>
	<th style="text-align: center;" colspan="3">Brouwzouten</th>
	<th colspan="3"></th>
        <th style="text-align: center;" colspan="3">Spoelwater</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">CaCl2 gr:</td>
	<td style="padding: 3px;"><div id="wa_cacl2"></div></td>
        <td style="padding: 3px;"><div id="ss_cacl2"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Bitterheidsindex:</td>
        <td style="padding: 3px;"><div style="float: left;" id="tgt_bu"></div></td>
        <td style="padding: 3px;"><div style="float: left;" id="wr_bu"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Auto bereken:</td>
        <td style="padding: 3px;"><div id="calc_acid"></div></td>
        <td></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">CaSO4 gr:</td>
	<td style="padding: 3px;"><div id="wa_caso4"></div></td>
        <td style="padding: 3px;"><div id="ss_caso4"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Richtgetal SO4:Cl:</td>
        <td style="padding: 3px;"><div style="float: left;" id="tgt_so4_cl"></div></td>
        <td style="padding: 3px;"><div style="float: left;" id="wrt_so4_cl"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;"><div class='c_mashph'>Gewenst maish pH:</div></td>
        <td style="padding: 3px;"><div id="mash_ph" class='c_mashph'></div></td>
        <td></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">MgSO4 gr:</td>
	<td style="padding: 3px;"><div id="wa_mgso4"></div></td>
        <td style="padding: 3px;"><div id="ss_mgso4"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Huidig SO4:Cl:</td>
        <td style="padding: 3px;"><div style="float: left;" id="got_so4_cl"></div></td>
        <td style="padding: 3px;"><div style="float: left;" id="wr_so4_cl"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
        <td style="padding: 3px;"><input readonly="1" id="wa_acid_name" /></td>
        <td style="padding: 3px;"><div style="float: left;" id="wa_acid_perc"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">NaCl gr:</td>
	<td style="padding: 3px;"><div id="wa_nacl"></div></td>
        <td style="padding: 3px;"><div id="ss_nacl"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Voor koken pH:</td>
        <td style="padding: 3px;"><div id="preboil_ph"></div></td>
        <td></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Zuur hoeveelheid:</td>
        <td style="padding: 3px;"><div style="float: left;" id="wa_acid"></div></td>
        <td></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">MgCl2 gr:</td>
	<td style="padding: 3px;"><div id="wa_mgcl2"></div></td>
        <td style="padding: 3px;"><div id="ss_mgcl2"></div></td>
        <td colspan="3"></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Gewenst spoel pH:</td>
        <td style="padding: 3px;"><div id="sparge_ph"></div></td>
        <td></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">NaHCO3 gr:</td>
	<td style="padding: 3px;"><div id="wa_nahco3"></div></td>
        <td colspan="4"></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
        <td style="padding: 3px;"><input readonly="1" id="sparge_acid_type" /></td>
        <td style="padding: 3px;"><div id="sparge_acid_perc"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">CaCO3 gr:</td>
	<td style="padding: 3px;"><div id="wa_caco3"></div></td>
        <td colspan="4"></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Zuur hoeveelheid:</td>
        <td style="padding: 3px;"><div id="sparge_acid_amount"></div></td>
        <td></td>
       </tr>
      </table>
     </div>
    </div> <!-- tab water -->

    <div style="overflow: hidden;"> <!-- Brewday -->
     <table style="width: 100%;">
      <tr>
       <td style="vertical-align: top; float: right; padding: 3px;">Brouwdag start:</td>
       <td align="left" colspan="2" style="vertical-align: top;"><div id="brew_date_start"></div></td>
       <td style="vertical-align: top; float: right; padding: 3px;">Brouwdag eind:</td>
       <td align="left" colspan="2" style="vertical-align: top;"><div id="brew_date_end"></div></td>
      </tr>
      <tr>
       <td colspan="6"> </td>
      </tr>
      <tr>
       <th style="text-align: center;" colspan="2">Maischen</th>
       <th style="text-align: center;" colspan="4"><div id="brew_pmpt_koken">Koken</div></th>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Maisch pH:</td>
       <td><div style="float: left;" id="brew_mash_ph"></div><div style="float: left; margin-left: 10px;" id="est_mash_ph"></div></td>
       <td style="vertical-align: top; float: right;">Voor koken pH:</td>
       <td><div id="brew_preboil_ph"></div></td>
       <td style="vertical-align: top; float: right;">Na koken pH:</td>
       <td><div id="brew_aboil_ph"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Maisch SG:</td>
       <td><div style="float: left;" id="brew_mash_sg"></div><div style="float: left; margin-left: 10px;" id="est_mash_sg"></div></td>
       <td style="vertical-align: top; float: right;">Voor koken SG:</td>
       <td><div style="float: left;" id="brew_preboil_sg"></div><div style="float: left; margin-left: 10px;" id="est_pre_sg"></div></td>
       <td style="vertical-align: top; float: right;">Na koken SG:</td>
       <td><div style="float: left;" id="brew_aboil_sg"></div><div style="float: left; margin-left: 10px;" id="est_og3"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Maisch rendement %:</td>
       <td><div id="brew_mash_efficiency"></div></td>
       <td style="vertical-align: top; float: right;">Voor koken vol@100&deg;C:</td>
       <td><div style="float: left;" id="brew_preboil_volume"></div><div style="float: left; margin-left: 10px;" id="est_pre_vol"></div></td>
       <td style="vertical-align: top; float: right;">Na koken vol@100&deg;C:</td>
       <td><div style="float: left;" id="brew_aboil_volume"></div><div style="float: left; margin-left: 10px;" id="est_a_vol"></div></td>
      </tr>
      <tr>
       <td colspan="2"> </td>
       <td style="vertical-align: top; float: right;">Voor koken rendement %:</td>
       <td><div id="brew_preboil_efficiency"></div></td>
       <td style="vertical-align: top; float: right;">Na koken rendement %:</td>
       <td><div id="brew_aboil_efficiency"></div></td>
      </tr>
      <tr>
       <td colspan="6">&nbsp;</td>
      </tr>
      <tr>
       <th style="text-align: center;" colspan="2">Spoelen en filteren</th>
       <th style="text-align: center;" colspan="4">Koelen en whirlpoolen</th>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Spoelwater &deg;C:</td>
       <td><div id="brew_sparge_temperature"></div></td>
       <td style="vertical-align: top; float: right;">Whirlpool 85..100&deg;C min:</td>
       <td><div id="brew_whirlpool9"></div></td>
       <td style="vertical-align: top; float: right;">Koelen tot &deg;C:</td>
       <td><div id="brew_cooling_to"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Spoelwater voorraad L:</td>
       <td><div id="brew_sparge_volume"></div></td>
       <td style="vertical-align: top; float: right;">Whirlpool 72..79&deg;C min:</td>
       <td><div id="brew_whirlpool7"></div></td>
       <td style="vertical-align: top; float: right;">Koelen met:</td>
       <td><input readonly="1" id="brew_cooling_method" /></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Spoelwater nodig L:</td>
       <td><div id="brew_sparge_est"></div></td>
       <td style="vertical-align: top; float: right;">Whirlpool 60..66&deg;C min:</td>
       <td><div id="brew_whirlpool6"></div></td>
       <td style="vertical-align: top; float: right;">Koelen minuten:</td>
       <td><div id="brew_cooling_time"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Spoelwater pH:</td>
       <td><div id="brew_sparge_ph"></div></td>
       <td style="vertical-align: top; float: right;">Whirlpool koud min:</td>
       <td><div id="brew_whirlpool2"></div></td>
       <td colspan="2"> </td>
      </tr>
      <tr>
       <td colspan="6">&nbsp;</td>
      </tr>
      <tr>
       <th style="text-align: center;" colspan="2">Beluchten</th>
       <th style="text-align: center;" colspan="4">Naar gistvat</th>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Beluchten met:</td>
       <td><input readonly="1" id="brew_aeration_type" /></td>
       <td style="vertical-align: top; float: right;">Koeler en trub verlies L:</td>
       <td><div id="brew_fermenter_tcloss"></div></td>
       <td style="vertical-align: top; float: right;">SG in gistvat:</td>
       <td><div id="brew_fermenter_sg"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Beluchten tijd min:</td>
       <td><div id="brew_aeration_time"></div></td>
       <td style="vertical-align: top; float: right;">Extra water in gistvat L:</td>
       <td><div id="brew_fermenter_extrawater"></div></td>
       <td style="vertical-align: top; float: right;">Kleur in gistvat EBC:</td>
       <td><div style="float: left;" id="brew_fermenter_color"></div><div style="float: left; margin-left: 10px;" id="bcolorf" class='ebccolor'> </div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Beluchten snelheid:</td>
       <td><div id="brew_aeration_speed"></div></td>
       <td style="vertical-align: top; float: right;">Volume naar gistvat L:</td>
       <td><div id="brew_fermenter_volume"></div></td>
       <td style="vertical-align: top; float: right;">Bitterheid in gistvat IBU:</td>
       <td><div style="float: left;" id="brew_fermenter_ibu"></div></td>
      </tr>
     </table>
    </div> <!-- Brewday -->

    <div> <!-- Vergisten -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
	<td style="width: 30%;"> </td>
        <td style="width: 20%;"> </td>
        <td style="width: 30%;"> </td>
        <td style="width: 20%;"> </td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="4">Hoofdvergisting</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Begin vergisting SG:</td>
	<td align="left" colspan="3" style="vertical-align: top;"><div id="brew_fermenter_sg2"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Start temperatuur hoofdvergisting &deg;C:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="primary_start_temp"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Piek temperatuur hoofdvergisting &deg;C:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="primary_max_temp"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind temperatuur hoofdvergisting &deg;C:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="primary_end_temp"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind hoofdvergisting SG:</td>
	<td align="left" colspan="3" style="vertical-align: top;"><div id="primary_end_sg"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind hoofdvergisting/overhevelen:</td>
	<td align="left" style="vertical-align: top;"><div id="primary_end_date"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Schijnbare vergistingsgraad:</td>
        <td align="left" style="vertical-align: top;"><div id="primary_svg"></div></td>
       </tr>
       <tr>
        <td colspan="4"><hr></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="4">Nagisting</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Temperatuur nagisting &deg;C:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="secondary_temp"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind nagisting SG:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="secondary_end_sg"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind nagisting/start lageren:</td>
        <td align="left" style="vertical-align: top;"><div id="secondary_end_date"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Schijnbare vergistingsgraad %:</td>
        <td align="left" style="vertical-align: top;"><div id="secondary_svg"></div></td>
       </tr>
       <tr>
        <td colspan="4"><hr></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="4">Lageren</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Temperatuur lageren &deg;C:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="tertiary_temp"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Het verwachte eind SG:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="est_fg3"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Het behaalde eind SG:</td>
	<td align="left" colspan="3" style="vertical-align: top;"><div id="fg"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcoholgehalte voor hergisting vol.%:</td>
        <td align="left" style="vertical-align: top;"><div id="final_abv"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Schijnbare vergistingsgraad %:</td>
        <td align="left" style="vertical-align: top;"><div id="final_svg"></div></td>
       </tr>
      </table>
      <div style="float: right; margin-top: 55px; margin-bottom: 5px;">
       <input style="margin-right: 100px;" type="button" id="FLog"  value="Klimaatkast log" />
       <input style="margin-right: 475px;" type="button" id="ILog" value="Vergisting log" />
      </div>
     </div>
    </div> <!-- Vergisten -->

    <div> <!-- Verpakken -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Datum:</td>
	<td align="left" style="vertical-align: top;"><div id="package_date"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Aanbevolen volume CO2:</td>
        <td style="padding: 3px;"><div style="float: left;" id="st_carb_min2"></div><div style="float: left; margin-left: 5px;" id="st_carb_max2"></div></td>
       </tr>
       <tr>
        <td colspan="4"><hr></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="4">Verdunnen of infusie</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Volume na vergisting L:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="package_volume"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Toevoeging Liter:</td>
        <td align="left" style="vertical-align: top;"><div id="package_infuse_amount"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Toevoeging ABV %:</td>
        <td align="left" style="vertical-align: top;"><div id="package_infuse_abv"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Toevoeging omschrijving:</td>
        <td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="package_infuse_notes" /></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcohol volume %:</td>
        <td align="left" style="vertical-align: top;"><div id="package_abv"></div></td>
        <td style="vertical-align: top; float: right;">Bij verpakken pH:</td>
        <td align="left" style="vertical-align: top;"><div id="package_ph"></div></td>
       </tr>
       <tr>
        <td colspan="4"><hr></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="2">Flessen</th>
        <th style="text-align: center;" colspan="2">Fusten</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Hoeveelheid Liter:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_amount"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Hoeveelheid Liter:</td>
	<td align="left" style="vertical-align: top;"><div id="keg_amount"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Gewenst volume CO2:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_carbonation"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Gewenst volume CO2:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_carbonation"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Suiker:</td>
        <td align="left" style="vertical-align: top;"><input readonly="1" id="bottle_priming_sugar" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Suiker:</td>
        <td align="left" style="vertical-align: top;"><input readonly="1" id="keg_priming_sugar" /></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Toevoegen suiker g/L:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_priming_amount"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Toevoegen suiker g/L:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_priming_amount"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Suiker totaal gram:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_priming_total"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Suiker totaal gram:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_priming_total"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Suikeroplossing water L:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_priming_water"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Suikeroplossing water L:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_priming_water"></div></td>
       </tr>
       <tr>
        <td colspan="2"></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Op druk brengen met CO2:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_forced_carb"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Verwachte flesdruk in bar:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_pressure"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Druk op fust bar:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_pressure"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcoholgehalte flessen vol.%:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_abv"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcoholgehalte fusten vol.%:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_abv"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Hergisting temperatuur:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_carbonation_temp"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Keg temperatuur:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_carbonation_temp"></div></td>
       </tr>
      </table>
      <div style="float: right; margin-top: 20px; margin-bottom: 5px;">
       <input style="margin-right: 575px;" type="button" id="CLog" value="Hergisting log" />
      </div>
     </div>
    </div> <!-- Verpakken -->

    <div> <!-- Proeven -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Datum:</td>
	<td align="left" style="vertical-align: top;"><div id="taste_date"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Cijfer:</td>
        <td align="left" style="vertical-align: top;"><div id="taste_rate"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Kleur:</td>
	<td style="padding: 3px;"><textarea id="taste_color" readonly></textarea></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Helderheid:</td>
        <td style="padding: 3px;"><textarea id="taste_transparency" readonly></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Schuim:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_head" readonly></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Aroma:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_aroma" readonly></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Smaak:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_taste" readonly></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Nasmaak:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_aftertaste" readonly></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Mondgevoel:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_mouthfeel" readonly></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Oordeel:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_notes" readonly></textarea></td>
       </tr>
      </table>
     </div>
    </div> <!-- Proeven -->

   </div> <!-- Tabs -->

<?php
page_footer();
?>

mercurial