require 'header.php';
 print '<div class="select-item">';
 print '<form action="' . $globalURL . '/date" method="post">';
 print '<label for="date">Select a Date</label>';
 print '<input type="text" id="date" name="date" value="' . $_GET['date'] . '" size="8" readonly="readonly" class="custom" />';
 print '<button type="submit"><i class="fa fa-angle-double-right"></i></button>';
 print '</form>';
 print '</div>';
 print '<div class="info column">';
 print '<h1>Flights from ' . date("l F j, Y", strtotime($spotter_array[0]['date_iso_8601'])) . '</h1>';
 print '</div>';
 include 'date-sub-menu.php';
 print '<div class="column">';
 print '<h2>Most Common Time of Day</h2>';
 print '<p>The statistic below shows the most common time of day on <strong>' . date("l F j, Y", strtotime($spotter_array[0]['date_iso_8601'])) . '</strong>.</p>';
 $hour_array = $Spotter->countAllHoursByDate($_GET['date']);
 print '<div id="chartHour" class="chart" width="100%"></div>
   	<script> 
   		google.load("visualization", "1", {packages:["corechart"]});
       google.setOnLoadCallback(drawChart);
       function drawChart() {
         var data = google.visualization.arrayToDataTable([
         	["Hour", "# of Flights"], ';
 $hour_data = '';
 foreach ($hour_array as $hour_item) {
     $hour_data .= '[ "' . date("ga", strtotime($hour_item['hour_name'] . ":00")) . '",' . $hour_item['hour_count'] . '],';
 }
 $hour_data = substr($hour_data, 0, -1);
 print $hour_data;
 print ']);
 
 require 'header.php';
 print '<div class="select-item">';
 print '<form action="' . $globalURL . '/date" method="post">';
 print '<label for="date">Select a Date</label>';
 print '<input type="text" id="date" name="date" value="' . $_GET['date'] . '" size="8" readonly="readonly" class="custom" />';
 print '<button type="submit"><i class="fa fa-angle-double-right"></i></button>';
 print '</form>';
 print '</div>';
 print '<div class="info column">';
 print '<h1>Flights from ' . date("l F j, Y", strtotime($spotter_array[0]['date_iso_8601'])) . '</h1>';
 print '</div>';
 include 'date-sub-menu.php';
 print '<div class="column">';
 print '<h2>Most Common Time of Day</h2>';
 print '<p>The statistic below shows the most common time of day on <strong>' . date("l F j, Y", strtotime($spotter_array[0]['date_iso_8601'])) . '</strong>.</p>';
 $hour_array = Spotter::countAllHoursByDate($_GET['date']);
 print '<div id="chartHour" class="chart" width="100%"></div>
   	<script> 
   		google.load("visualization", "1", {packages:["corechart"]});
       google.setOnLoadCallback(drawChart);
       function drawChart() {
         var data = google.visualization.arrayToDataTable([
         	["Hour", "# of Flights"], ';
 foreach ($hour_array as $hour_item) {
     $hour_data .= '[ "' . date("ga", strtotime($hour_item['hour_name'] . ":00")) . '",' . $hour_item['hour_count'] . '],';
 }
 $hour_data = substr($hour_data, 0, -1);
 print $hour_data;
 print ']);
 
         var options = {