<?php
require("wdllib.php");

?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title><?php if (isset($data[STATION])) {echo $data[STATION];} ?></title>
    <link href="https://fonts.googleapis.com/css?family=Karla|Roboto+Mono" rel="stylesheet">
    <link rel="stylesheet" href="style.css" media="screen" title="no title" charset="utf-8">
    <!--Load the AJAX API-->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  </head>
  <body>

    <?php if (isset($_GET['submit'])) {
      //main
        $site = $_REQUEST["site"];
        $rawdatafile = $site . "/clientraw.txt";
        $csv = file_get_contents($rawdatafile);
        $data = explode(' ',$csv);

        # Client extra.
        $rawextradatafile = $site . "/clientrawextra.txt";
        $csvextra = file_get_contents($rawextradatafile);
        $dataextra = explode(' ', $csvextra);

        // replace underscores with spaces.
        $data[SUMMARY] = str_replace("_", " ", $data[SUMMARY]);
        $data[WINDDIRECTION] = degree_to_compass_point($data[WINDDIRECTION]);
      ?>

      <h1><?php echo $data[STATION] ?></h1>
      <br>
      <a href="../../dsa.php">Home.</a>
      <br>
      <a href="<?php echo $data[STATION] ?>">Weather Station Website.</a>
      <p><b>Weather at <?php echo $data[TIMEHH] ?>:<?php echo $data[TIMEMM] ?>.</b></p>
      <a href="http://www.wws-map.com" target="_blank">Get a weather station.</a>

      <?php
	  #DEBUG
        # echo "<br>" . $csvextra . "<br>";
        // echo "<br>" . $rawextradatafile . "<br>";
        // echo "<br>" . $rawdatafile . "<br>";
        // echo $dataextra[3];
        // echo $dataextra[4];
        // echo $dataextra[5];
        // echo $dataextra[6];
        // echo $dataextra[7];
        // echo $dataextra[8];
      ?>
	  <br><br>
      <table>
        <tr>
          <th>Summary.</th>
          <th colspan="2">Wind Speed.</th>
          <th colspan="2">Wind Direction.</th>
          <th colspan="2">Temperature.</th>
          <th colspan="2">Pressure.</th>
        </tr>
        <tr>
          <td colspan="2"><?php echo $data[SUMMARY] ?></td>
          <td colspan="2"><?php echo $data[WINDSPEED] ?> knots</td>
          <td colspan="2"><?php echo $data[WINDDIRECTION] ?> &#0176;</td>
          <td colspan="2"><?php echo $data[TEMPERATURE] ?> &#0176;C</td>
          <td colspan="2"><?php echo $data[BAROMETER] ?></td>
        </tr>
      </table>

      <script type="text/javascript">
      var wtitle = '<?php echo $data[STATION] . " " . date("d/m/Y")?>';
  	google.load('visualization', '1', {packages: ['corechart', 'line']});
  	google.setOnLoadCallback(drawBackgroundColor);
  	function drawBackgroundColor() {
        var data = new google.visualization.DataTable();
        data.addColumn('number', 'X');
        data.addColumn('number', 'Wind');
        data.addRows([
          [1, <?php echo $dataextra[1]; ?>],   [2, <?php echo $dataextra[2]; ?>],  [3, <?php echo $dataextra[3]; ?>],  [4, <?php echo $dataextra[4]; ?>],  [5, <?php echo $dataextra[5]; ?>],  [6, <?php echo $dataextra[6]; ?>],
          [7, <?php echo $dataextra[7]; ?>],  [8, <?php echo $dataextra[8]; ?>],  [9, <?php echo $dataextra[9]; ?>],  [10, <?php echo $dataextra[10]; ?>],  [11, <?php echo $dataextra[11]; ?>], [12, <?php echo $dataextra[12]; ?>],
          [13, <?php echo $dataextra[13]; ?>], [14, <?php echo $dataextra[14]; ?>], [15, <?php echo $dataextra[15]; ?>], [16, <?php echo $dataextra[16]; ?>], [17, <?php echo $dataextra[17]; ?>], [18, <?php echo $dataextra[18]; ?>],
          [19, <?php echo $dataextra[19]; ?>], [20, <?php echo $dataextra[20]; ?>]
        ]);
        var options = {
          hAxis: {
            title: 'Hour'
          },
          vAxis: {
            title: 'Windspeed (knots)'
          },
          backgroundColor: '#f1f8e9',
          title: wtitle,
          'width': 600,
          'height': 240
        };
        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
      </script>

      <div id="chart_div"></div>

      <h1>Please enter a weather station URL:</h1>
      <form class="" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="get">
        <input type="text" name="site" value="<?php if (isset($_GET["site"])) { echo $_GET["site"]; }?>" placeholder="Enter weather station url.">
        <input class="button" type="submit" name="submit" value="Get weather data.">
      </form>

    <?php } else { ?>
      <h1>Weather RSS</h1>
      <p>Get weather information by submiting a weather station url.</p>
      <p><i>Script will look for clientraw.txt by it self.</i></p>
      <p>Try <a href="http://www.stephenc.co.za/weather/" target="_blank">http://www.stephenc.co.za/weather/</a></p>
      <a href="http://www.wws-map.com" target="_blank">Get a weather station.</a>

      <h1>Please enter weather station URL:</h1>
      <form class="" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="get">
        <input type="text" name="site" value="http://www.alvestonweather.co.uk/" placeholder="Enter weather station url.">
        <input class="button" type="submit" name="submit" value="Get weather data.">
      </form>

    <?php } ?>
  </body>
</html>
