var timer;
function settimer(dtime) {
  clearInterval(timer);

  var end = new Date(dtime); // Arrange values in Date Time Format
  var now = new Date(); // Get Current date time
  var second = 1000; // Total Millisecond In One Sec
  var minute = second * 60; // Total Sec In One Min
  var hour = minute * 60; // Total Min In One Hour
  var day = hour * 24; // Total Hour In One Day

  function showtimer() {
    var now = new Date();
    var remain = end - now; // Get The Difference Between Current and entered date time
    if (remain < 0) {
      clearInterval(timer);
      document.getElementById("timer_value").innerHTML = "Reached!";
      return;
    }
    if (isNaN(end.getTime())) {
      clearInterval(timer);
      document.getElementById("timer_value").innerHTML = "<span>Select a date at the top right</span>";
      return;
    }
    var days = Math.floor(remain / day); // Get Remaining Days
    var hours = Math.floor((remain % day) / hour); // Get Remaining Hours
    if (days > 0) {
      hours = hours + days * 24;
    }
    var minutes = Math.floor((remain % hour) / minute); // Get Remaining Min
    var seconds = Math.floor((remain % minute) / second); // Get Remaining Sec

    //document.getElementById("timer_value").innerHTML = days + 'd ';
    document.getElementById("timer_value").innerHTML =
      hours.toString().padStart(2, "0") + ":";
    document.getElementById("timer_value").innerHTML +=
      minutes.toString().padStart(2, "0") + ":";
    document.getElementById("timer_value").innerHTML +=
      seconds.toString().padStart(2, "0") + "";
  }
  timer = setInterval(showtimer, 1000); // Display Timer In Every 1 Sec
}

const dateElement = document.getElementById("meeting-time");
dateElement.addEventListener("change", (event) => {
  settimer(event.target.value);
});

const switchElement = document.getElementById("switch");
switchElement.addEventListener("change", (event) => {
  console.log(event.target.checked);
  var body = document.body;

  if (event.target.checked) {
    body.classList.add("dark");
  } else {
    body.classList.remove("dark");
  }
});

settimer();