function getTimeRemaining(endtime) {
    var timeUntilDeadline = Date.parse(endtime) - Date.parse(new Date());
    var seconds = Math.floor((timeUntilDeadline / 1000) % 60);
    var minutes = Math.floor((timeUntilDeadline / 1000 / 60) % 60);
    var hours = Math.floor((timeUntilDeadline / (1000 * 60 * 60)) % 24);
    var days = Math.floor(timeUntilDeadline / (1000 * 60 * 60 * 24));
    return {
      total: timeUntilDeadline,
      days: days,
      hours: hours,
      minutes: minutes,
      seconds: seconds,
    };
  }

  function initializeClock(id, digitID, endtime) {
    

    function updateClock() {
      //20 mins = 1,200,000 milliseconds
      var t = getTimeRemaining(endtime);

      if (t.total <= 1200000 && t.total >= 0) {
        var clock = document.getElementById(id);
        var digits = document.getElementById(digitID);
        var label = clock.querySelector(".timer-label");
        var minutesSpan = clock.querySelector(".minutes");
        var secondsSpan = clock.querySelector(".seconds");
        digits.setAttribute('style', 'border: 1px solid #545454; padding: 10px; width: 65%;');
        clock.setAttribute('style', 'border: 2px solid #545454;');
        if (document.documentElement.lang == "fr") {
            label.innerHTML = "Délai pour compléter votre envoi :";
        } else {
            label.innerHTML = "Submission time remaining:";
        }
        minutesSpan.innerHTML = ("0" + t.minutes).slice(-2) + " min,";
        secondsSpan.innerHTML = ("0" + t.seconds).slice(-2) + " sec";
        if (t.total <= 0) {
          clearInterval(timeinterval);
        }
      }
    }

    updateClock();
    var timeinterval = setInterval(updateClock, 1000);
  }
  var deadlineContainer = document.getElementById("deadline");
//   var deadline = deadlineContainer
//     .querySelector(".datetime")
//     .innerHTML.replace("- ", "");


//when deadline changes, recalulate deadline
function checkDeadline(){
    var deadlineContainer = document.getElementById("deadline");
    if (deadlineContainer.querySelector(".datetime")) {
      return deadlineContainer
        .querySelector(".datetime")
        .innerHTML.replace("- ", "");
    }
}
  initializeClock("clockdiv", "timerdiv", checkDeadline());