</head>
<body>
<!-- Navbar
================================================== -->
<? $ui->drawNavbar();?>
<!-- Container -->
<div class="container">
<!-- Switch Pacakge -->
<? $ui->drawSwitchPackage();?>
<!-- Sub-Nav-bar -->
<? $page[energy]="active"; $ui->drawSubNavbar($page); ?>
<!-- Tab Content -->
<!-- Electricity Consumption Bar Chart -->
<div id="Electricity-Consumption-Bar-Chart" style="width: 50%; min-width: 400px; height: 500px; float:left;"></div>
<!-- Natural Gas Consumption Bar Chart -->
<div id="Natural-Gas-Consumption-Bar-Chart" style="width: 50%; min-width: 400px; height: 500px; float: left; margin-bottom: 25px;"></div>
<!-- Electricity Consumption Table -->
<table class="table table-striped table-bordered" style="margin: 40px auto; width: 100%">
<caption style="background: purple; color: #fff;"> <h3>Electricity Energy Consumption (kWh)<h3> </caption>
<tr id="table-row-head">
<th> -
</th>
</style>
</head>
<body>
<!-- Navbar
================================================== -->
<? $ui->drawNavbar();?>
<!-- Container -->
<div class="container">
<!-- Switch Pacakge -->
<? $ui->drawSwitchPackage();?>
<!-- Sub-Nav-bar -->
<? $page[zone]="active"; $ui->drawSubNavbar($page); ?>
<!-- Zone Components Load Summary-->
<div class="container-fluid" style="background: white;">
<div class="row-fluid">
<!--Sidebar content-->
<div class="span3" >
<legend>Thermal Zones </legend>
<div style="height: 600px; overflow: scroll; overflow-x: hidden; padding-top: 0px; scroller">
<!-- Link or button to toggle dropdown -->
<ul class="unstyled" >
<?php
printZone($zone);
?>
</ul>
</style>
</head>
<body>
<!-- Navbar
================================================== -->
<? $ui->drawNavbar();?>
<!-- Container -->
<div class="container">
<!-- Switch Pacakge -->
<? $ui->drawSwitchPackage();?>
<!-- Sub-Nav-bar -->
<? $page[cost]="active"; $ui->drawSubNavbar($page); ?>
<!-- Energy Intensity div -->
<div>
<div id="electricity_monthly_cost_chart" style="min-width: 400px; height: 400px; margin: 40px auto"></div>
<!-- Electricity Consumption Table -->
<table class="table table-striped table-bordered" style="margin: 40px auto; width: 100%">
<caption style="background: purple; color: #fff;"> <h3>Electricity Monthly Cost<h3> </caption>
<tr id="table-row-head">
<th>
</th>
<th> Jan
</th>
<th> Feb
</th>
<th> Mar
</head>
<body>
<!-- Navbar
================================================== -->
<? $ui->drawNavbar();?>
<!-- Container -->
<div class="container">
<!-- Switch Pacakge -->
<? $ui->drawSwitchPackage();?>
<!-- Sub-Nav-bar -->
<? $page[intensity]="active"; $ui->drawSubNavbar($page); ?>
<!-- Energy Intensity div -->
<div>
<div id="annula_energy_chart" style="min-width: 400px; height: 400px; margin: 40px auto"></div>
<table class="table table-striped table-bordered" style="margin: 40px auto; ">
<caption style="background: purple; color: #fff;"> <h3>Annual Energy Consumption And Intensity<h3> </caption>
<?php
echo <<<END
\t\t<tr id="table-row-head">
<th> -
</th>
<th> Total Electricity [kBtu]
</th>
<th> Total Natural Gas [kBtu]
?>
</select>
Oct - Dec
<select name="Model[3]" onchange="this.form.submit();">
<?php
echo "<option value=\"{$_POST[Model][3]}\">{$_POST[Model][3]}</option>";
foreach ($_SESSION['Model'] as $eem_model) {
echo "<option value=\"{$eem_model}\">{$eem_model}</option>";
}
?>
</select>
</form>
<!-- Sub-Nav-bar -->
<? $page[comparison]="active"; $ui->drawSubNavbar($page); ?>
<!-- Tab Content -->
<div id="site-energy-chart" style="min-width: 310px; height: 500px; margin: 0 auto"></div>
<!-- Electricity Consumption Table -->
<table class="table table-striped table-bordered" style="margin: 40px auto; width: 100%">
<caption style="background: linear-gradient(to right, green, purple,yellow); color: #fff;"> <h3>Electricity Energy Consumption (kWh)<h3> </caption>
<tr id="table-row-head">
<th> -
</th>
<th> Jan
</th>
<th> Feb
</th>
