// inspired by the Design and code by Ayo Isaiah

//Skycons

let skycons = new Skycons({ color: "#fff4ff" });

skycons.add("animated-icon", Skycons.CLEAR_DAY);

skycons.play();

//Some Global variables

var longitude, latitude, timeHour, timeFull;

//Function to update weather information

function updateWeather(json) {
  longitude = json.coord.lon;
  latitude = json.coord.lat;
  //AJAX request

  let geoJSON = $.getJSON(
    "https://secure.geonames.org/timezoneJSON?lat=" +
      latitude +
      "&lng=" +
      longitude +
      "&username=ayoisaiah"
  ).then(function(timezone) {
    var rawTimeZone = JSON.stringify(timezone);

    var parsedTimeZone = JSON.parse(rawTimeZone);
    var dateTime = parsedTimeZone.time;
    timeFull = dateTime.substr(11);
    $(".local-time").html(timeFull); //Update local time
    timeHour = dateTime.substr(-5, 2);

    //Update Weather parameters and location

    $(".weather-condition").html(json.weather[0].description);
    var temp = [
      (json.main.temp - 273.15).toFixed(0) + "°C",
      (1.8 * (json.main.temp - 273.15) + 32).toFixed(0) + "°F"
    ];
    $(".temp-celsius").html(temp[0]);
    $(".temp-fahrenheit").html(temp[1]);
    
    $(".location").html(json.name);

    //Update Weather animation based on the returned weather description

    var weather = json.weather[0].description;

    if (weather.indexOf("rain") >= 0) {
      skycons.set("animated-icon", Skycons.RAIN);
      document.getElementById("body").className = "rain";
    } else if (weather.indexOf("sunny") >= 0) {
      skycons.set("animated-icon", Skycons.CLEAR_DAY);
      document.getElementById("body").className = "clear-day";
    } else if (weather.indexOf("clear") >= 0) {
      if (timeHour >= 7 && timeHour < 20) {
        skycons.set("animated-icon", Skycons.CLEAR_DAY);
        document.getElementById("body").className = "clear-day";
      } else {
        skycons.set("animated-icon", Skycons.CLEAR_NIGHT);
        document.getElementById("body").className = "clear-night";
      }
    } else if (weather.indexOf("cloud") >= 0) {
      if (timeHour >= 7 && timeHour < 20) {
        skycons.set("animated-icon", Skycons.PARTLY_CLOUDY_DAY);
        document.getElementById("body").className = "cloud-day";
      } else {
        skycons.set("animated-icon", Skycons.PARTLY_CLOUDY_NIGHT);
        document.getElementById("body").className = "cloud-night";
      }
    } else if (weather.indexOf("thunderstorm") >= 0) {
      skycons.set("animated-icon", Skycons.SLEET);
      document.getElementById("body").className = "storm";
    } else if (weather.indexOf("snow") >= 0) {
      skycons.set("animated-icon", Skycons.SNOW);
      document.getElementById("body").className = "snow";
    }
  });
  
}

$(".temperature").click(function() {
      $(".temp-celsius").toggle();
      $(".temp-fahrenheit").toggle();
    });
//Check for Geoloaction support

if (navigator.geolocation) {
  //Return the user's longitude and latitude on page load using HTML5 geolocation API

  window.onload = function() {
    var currentPosition;
    function getCurrentLocation(position) {
      currentPosition = position;
      latitude = currentPosition.coords.latitude;
      longitude = currentPosition.coords.longitude;

      //AJAX request

      $.getJSON(
        "https://api.openweathermap.org/data/2.5/weather?lat=" +
          latitude +
          "&lon=" +
          longitude +
          "&APPID=4e5a45260e98e770e7377f516bc22d75",
        function(data) {
          var rawJson = JSON.stringify(data);
          var json = JSON.parse(rawJson);
          updateWeather(json); //Update Weather parameters
        }
      );
    }

    navigator.geolocation.getCurrentPosition(getCurrentLocation);
  };

  //Find a Forcast

  $("form").on("submit", function(event) {
    event.preventDefault();
    var city = $(".find-forcast").val(); //Get value from form input
    document.getElementById("my-form").reset();

    //AJAX Request

    $.getJSON(
      "https://api.openweathermap.org/data/2.5/weather?q=" +
        city +
        "&APPID=4e5a45260e98e770e7377f516bc22d75",
      function(data) {
        var rawJson = JSON.stringify(data);
        var json = JSON.parse(rawJson);

        updateWeather(json); //Update Weather parameters
      }
    );
  });
} else {
  //If Geolocation is not supported by the browser, alert the user

  alert(
    "Geolocation is not supported by your browser, download the latest Chrome or Firefox to use this app"
  );
}