<html><body><table>
<?php
array("05:00 am - 05:55 am", "asdfas", 3, 1), array("05:00 am - 05:55 am", "asdasdfasdf", 4, 1), array("06:00 am - 06:55 am", "asdasdfasdf", "H", 0), array("05:00 am - 05:55 am", "asdasdfasdf", 5, 3) );
$lastTime = "";
forEach ($data as $inrow) {
$users_occupied = $inrow[3];
$slots_available = $inrow[2];
$cal_id = $inrow[1];
$time = $inrow[0];
$selenable=true;
$lastTime = $time;
$bgColor = ($slots_available == 'H') ? "rgb(235,235,235)" : "white";
$divDisplay = ($slots_available == 'H') ? "none" : "block";
if ($newSlot) {
?>
<tr style="width:100%; background:yellow; class="_whatever_">
<td class="_whatever2_" colspan="4" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:yellow">
New timeslot
</td>
</tr>
<?php } ?>
<tr style="width:100%; background:<?php echo($bgColor); ?>;" class="tbody_vo_edit">
<td class="thc_vo tblb" width="200" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:<?php echo($bgColor); ?>;"><?= $inrow[0] ?></td>
<td class="thc_vo tblb" width="210" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:<?php echo($bgColor); ?>;"><?php echo(($slots_available == 'H') ? ' ' : $inrow[1]); ?></td>
<td class="thc_vo tblb" width="140" style="font:11px verdana; color:#17375e; background:<?php echo($bgColor); ?>;">
<div style="float:right; margin-top:-2px; display:<?php echo($divDisplay); ?>">(<?= $users_occupied ?>/<?= $slots_available ?>)</div>
</td>
<td class="thc_vo tblb" style="width:25%; min-width:141px; max-width:141px; padding:5px; background:<?php echo($bgColor); ?>;"><?php if ($selenable) { ?><input type="text" class="tblinput" value="" style="display:none;" /><?php } ?></td>
</tr>
<?php } ?>
<table></body></html>
PGh0bWw+PGJvZHk+PHRhYmxlPgo8P3BocAogICAgJGRhdGEgPSBhcnJheSgKICAgICAgICBhcnJheSgiMDU6MDAgYW0gLSAwNTo1NSBhbSIsICJhc2RmYXMiLCAzLCAxKSwKICAgICAgICBhcnJheSgiMDU6MDAgYW0gLSAwNTo1NSBhbSIsICJhc2Rhc2RmYXNkZiIsIDQsIDEpLAogICAgICAgIGFycmF5KCIwNjowMCBhbSAtIDA2OjU1IGFtIiwgImFzZGFzZGZhc2RmIiwgIkgiLCAwKSwKICAgICAgICBhcnJheSgiMDU6MDAgYW0gLSAwNTo1NSBhbSIsICJhc2Rhc2RmYXNkZiIsIDUsIDMpCiAgICApOwoKICAgICRsYXN0VGltZSA9ICIiOwogICAgZm9yRWFjaCAoJGRhdGEgYXMgJGlucm93KSB7CiAgICAgICAgJHVzZXJzX29jY3VwaWVkID0gJGlucm93WzNdOwogICAgICAgICRzbG90c19hdmFpbGFibGUgPSAkaW5yb3dbMl07CiAgICAgICAgJGNhbF9pZCA9ICRpbnJvd1sxXTsKICAgICAgICAkdGltZSA9ICRpbnJvd1swXTsKICAgICAgICAkc2VsZW5hYmxlPXRydWU7CiAgICAgICAgCiAgICAgICAgJG5ld1Nsb3QgPSBzdHJDYXNlQ21wKCR0aW1lLCAkbGFzdFRpbWUpOwogICAgICAgICRsYXN0VGltZSA9ICR0aW1lOwogICAgICAgIAogICAgICAgICRiZ0NvbG9yID0gKCRzbG90c19hdmFpbGFibGUgPT0gJ0gnKSA/ICJyZ2IoMjM1LDIzNSwyMzUpIiA6ICJ3aGl0ZSI7CiAgICAgICAgJGRpdkRpc3BsYXkgPSAoJHNsb3RzX2F2YWlsYWJsZSA9PSAnSCcpID8gIm5vbmUiIDogImJsb2NrIjsKICAgICAgICAKICAgICAgICBpZiAoJG5ld1Nsb3QpIHsKICAgID8+CiAgICA8dHIgc3R5bGU9IndpZHRoOjEwMCU7IGJhY2tncm91bmQ6eWVsbG93OyBjbGFzcz0iX3doYXRldmVyXyI+CiAgICAgICAgPHRkIGNsYXNzPSJfd2hhdGV2ZXIyXyIgY29sc3Bhbj0iNCIgc3R5bGU9ImJvcmRlci1sZWZ0OjFweCBkb3R0ZWQgI0NGQ0ZDRjsgZm9udDoxMXB4IHZlcmRhbmE7IGNvbG9yOiMxNzM3NWU7IGJhY2tncm91bmQ6eWVsbG93Ij4KICAgICAgICAgICAgTmV3IHRpbWVzbG90CiAgICAgICAgPC90ZD4KICAgIDwvdHI+CiAgICA8P3BocCB9ID8+CiAgICA8dHIgc3R5bGU9IndpZHRoOjEwMCU7IGJhY2tncm91bmQ6PD9waHAgZWNobygkYmdDb2xvcik7ID8+OyIgY2xhc3M9InRib2R5X3ZvX2VkaXQiPgogICAgICAgIDx0ZCBjbGFzcz0idGhjX3ZvIHRibGIiIHdpZHRoPSIyMDAiIHN0eWxlPSJib3JkZXItbGVmdDoxcHggZG90dGVkICNDRkNGQ0Y7IGZvbnQ6MTFweCB2ZXJkYW5hOyBjb2xvcjojMTczNzVlOyBiYWNrZ3JvdW5kOjw/cGhwIGVjaG8oJGJnQ29sb3IpOyA/PjsiPjw/PSAkaW5yb3dbMF0gPz48L3RkPgogICAgICAgIDx0ZCBjbGFzcz0idGhjX3ZvIHRibGIiIHdpZHRoPSIyMTAiIHN0eWxlPSJib3JkZXItbGVmdDoxcHggZG90dGVkICNDRkNGQ0Y7IGZvbnQ6MTFweCB2ZXJkYW5hOyBjb2xvcjojMTczNzVlOyBiYWNrZ3JvdW5kOjw/cGhwIGVjaG8oJGJnQ29sb3IpOyA/PjsiPjw/cGhwIGVjaG8oKCRzbG90c19hdmFpbGFibGUgPT0gJ0gnKSA/ICcgJyA6ICRpbnJvd1sxXSk7ID8+PC90ZD4KICAgICAgICA8dGQgY2xhc3M9InRoY192byB0YmxiIiB3aWR0aD0iMTQwIiBzdHlsZT0iZm9udDoxMXB4IHZlcmRhbmE7IGNvbG9yOiMxNzM3NWU7IGJhY2tncm91bmQ6PD9waHAgZWNobygkYmdDb2xvcik7ID8+OyI+CiAgICAgICAgICAgIDxkaXYgc3R5bGU9ImZsb2F0OnJpZ2h0OyBtYXJnaW4tdG9wOi0ycHg7IGRpc3BsYXk6PD9waHAgZWNobygkZGl2RGlzcGxheSk7ID8+Ij4oPD89ICR1c2Vyc19vY2N1cGllZCA/Pi88Pz0gJHNsb3RzX2F2YWlsYWJsZSA/Pik8L2Rpdj4KICAgICAgICA8L3RkPgogICAgICAgIDx0ZCBjbGFzcz0idGhjX3ZvIHRibGIiIHN0eWxlPSJ3aWR0aDoyNSU7IG1pbi13aWR0aDoxNDFweDsgbWF4LXdpZHRoOjE0MXB4OyBwYWRkaW5nOjVweDsgYmFja2dyb3VuZDo8P3BocCBlY2hvKCRiZ0NvbG9yKTsgPz47Ij48P3BocCBpZiAoJHNlbGVuYWJsZSkgeyA/PjxpbnB1dCB0eXBlPSJ0ZXh0IiBjbGFzcz0idGJsaW5wdXQiIHZhbHVlPSIiIHN0eWxlPSJkaXNwbGF5Om5vbmU7IiAvPjw/cGhwIH0gPz48L3RkPgogICAgPC90cj4KICAgIDw/cGhwIH0gPz4KPHRhYmxlPjwvYm9keT48L2h0bWw+Cg==
<html><body><table>
<tr style="width:100%; background:yellow; class="_whatever_">
<td class="_whatever2_" colspan="4" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:yellow">
New timeslot
</td>
</tr>
<tr style="width:100%; background:white;" class="tbody_vo_edit">
<td class="thc_vo tblb" width="200" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:white;">05:00 am - 05:55 am</td>
<td class="thc_vo tblb" width="210" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:white;">asdfas</td>
<td class="thc_vo tblb" width="140" style="font:11px verdana; color:#17375e; background:white;">
<div style="float:right; margin-top:-2px; display:block">(1/3)</div>
</td>
<td class="thc_vo tblb" style="width:25%; min-width:141px; max-width:141px; padding:5px; background:white;"><input type="text" class="tblinput" value="" style="display:none;" /></td>
</tr>
<tr style="width:100%; background:white;" class="tbody_vo_edit">
<td class="thc_vo tblb" width="200" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:white;">05:00 am - 05:55 am</td>
<td class="thc_vo tblb" width="210" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:white;">asdasdfasdf</td>
<td class="thc_vo tblb" width="140" style="font:11px verdana; color:#17375e; background:white;">
<div style="float:right; margin-top:-2px; display:block">(1/4)</div>
</td>
<td class="thc_vo tblb" style="width:25%; min-width:141px; max-width:141px; padding:5px; background:white;"><input type="text" class="tblinput" value="" style="display:none;" /></td>
</tr>
<tr style="width:100%; background:yellow; class="_whatever_">
<td class="_whatever2_" colspan="4" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:yellow">
New timeslot
</td>
</tr>
<tr style="width:100%; background:rgb(235,235,235);" class="tbody_vo_edit">
<td class="thc_vo tblb" width="200" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:rgb(235,235,235);">06:00 am - 06:55 am</td>
<td class="thc_vo tblb" width="210" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:rgb(235,235,235);"> </td>
<td class="thc_vo tblb" width="140" style="font:11px verdana; color:#17375e; background:rgb(235,235,235);">
<div style="float:right; margin-top:-2px; display:none">(0/H)</div>
</td>
<td class="thc_vo tblb" style="width:25%; min-width:141px; max-width:141px; padding:5px; background:rgb(235,235,235);"><input type="text" class="tblinput" value="" style="display:none;" /></td>
</tr>
<tr style="width:100%; background:yellow; class="_whatever_">
<td class="_whatever2_" colspan="4" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:yellow">
New timeslot
</td>
</tr>
<tr style="width:100%; background:white;" class="tbody_vo_edit">
<td class="thc_vo tblb" width="200" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:white;">05:00 am - 05:55 am</td>
<td class="thc_vo tblb" width="210" style="border-left:1px dotted #CFCFCF; font:11px verdana; color:#17375e; background:white;">asdasdfasdf</td>
<td class="thc_vo tblb" width="140" style="font:11px verdana; color:#17375e; background:white;">
<div style="float:right; margin-top:-2px; display:block">(3/5)</div>
</td>
<td class="thc_vo tblb" style="width:25%; min-width:141px; max-width:141px; padding:5px; background:white;"><input type="text" class="tblinput" value="" style="display:none;" /></td>
</tr>
<table></body></html>