// Load the config.json file (using JavaScript vanilla)

let clock_text = document.getElementById("clock-text");
let date_text = document.getElementById("date-text");

displayTime();
setInterval(displayTime, 1000);
displayDate();
setInterval(displayDate, 60000);

function displayTime() {
  let date = new Date();
  let hours = date.getHours();
  let minutes = date.getMinutes();
  let ampm = hours >= 12 ? "PM" : "AM";
  hours = hours % 12;
  hours = hours ? hours : 12;
  minutes = minutes < 10 ? "0" + minutes : minutes;
  let time = hours + ":" + minutes + " " + ampm;
  clock_text.innerHTML = time;
}

function displayDate() {
  let date = new Date();
  let days = [
    "Sunday",
    "Monday",
    "Tuesday",
    "Wednesday",
    "Thursday",
    "Friday",
    "Saturday",
  ];
  let day = days[date.getDay()];
  let dayNumber = date.getDate();
  let month = date.toLocaleString("default", { month: "long" });
  let year = date.getFullYear();

  if (dayNumber == 1 || dayNumber == 21 || dayNumber == 31) {
    dayNumber += "st";
  } else if (dayNumber == 2 || dayNumber == 22) {
    dayNumber += "nd";
  } else if (dayNumber == 3 || dayNumber == 23) {
    dayNumber += "rd";
  } else {
    dayNumber += "th";
  }

  let dateText = day + ", " + dayNumber + " " + month + " " + year;
  date_text.innerHTML = dateText;
}