// [email protected] version is used
// Docs: http://progressbarjs.readthedocs.org/en/1.0.0/

var bar = new ProgressBar.Circle("#timer-circle", {
  strokeWidth: 6,
  easing: 'easeInOut',
  duration: 1400,
  color: '#39ff14',
  trailColor: '#eee',
  trailWidth: 1,
  svgStyle: null
});

// Initial setup
bar.animate(1.0);  // Number from 0.0 to 1.0

var currentStatus = "paused";
var sessionTotal = "1500"; //25 min by default
var breakTotal = "300"; // 5 min by default
var timerTick, timerTotal;
var countdownTimer;
var currentTimer = "session";
var soundSessionEnd = "https://notificationsounds.com/soundfiles/c75b6f114c23a4d7ea11331e7c00e73c/file-sounds-1090-good-things-happen.mp3";
var soundBreakEnd = "https://notificationsounds.com/soundfiles/97e8527feaf77a97fc38f34216141515/file-sounds-1084-consequence.mp3";
var soundSession = new Audio(soundBreakEnd);
var soundBreak = new Audio(soundSessionEnd);

function timeConvert(num) {  
  var minutes = num / 60;
  var rminutes = Math.floor(minutes);
  var seconds = (minutes - rminutes) * 60;
    var rseconds = Math.round(seconds);
    if (rseconds.toString().length == 1)
      rseconds = "0"+rseconds;
  return rminutes+":"+rseconds;
}

$(function(){
  
  // Initial setup
  $('#session-time').html(timeConvert(sessionTotal));
  $('#break-time').html(timeConvert(breakTotal));
  $('#countdown-time').html(timeConvert(sessionTotal));
  
  $("#countdown").on('click', function(){
    if (currentStatus == "paused"){
      $('#countdown-control span').removeClass("glyphicon-play").addClass("glyphicon-pause");
      currentStatus = "play";
    } else{
      $('#countdown-control span').removeClass("glyphicon-pause").addClass("glyphicon-play");
      currentStatus = "paused";
    }
    runCountdown();
  });
  
    function runCountdown(){
      timerTotal = (currentTimer == "session") ? sessionTotal : breakTotal;
      timerTick = timerTotal;
    if (currentStatus == "play"){
      countdown();
    } else{
      clearInterval(countdownTimer);
    }
  }

  function countdown(){
    // display time left
    timerTick--;
    console.log(timerTick);

    $('#countdown-time').text(timeConvert(timerTick));
    // animate the circle
    bar.animate(timerTick/timerTotal);
    if (timerTick >= 0)
      countdownTimer = setTimeout(countdown, 1000);
    else
      playSound();
  }
 
  
  
  
  function playSound(){
 var path = document.querySelector('#timer-circle > svg > path:last-child');
    
    if (currentTimer == "session"){
      console.log("Break Time!");
			soundBreak.play();
      currentTimer = "break";
      timerTotal = breakTotal;
      $('#countdown-title').html("Break!");
      path.setAttribute("stroke", "#189ad3");
      //bar.stroke = "#c00";
    } else {
      console.log("Back to work!");
      soundSession.play();
      currentTimer = "session";
      timerTotal = sessionTotal;
      $('#countdown-title').html("Session");
      path.setAttribute("stroke", "#39ff14");
      //bar.stroke = "#39ff14";
    }
    console.log("Timer: "+timerTotal+" | Tick: "+timerTick);
    runCountdown();
  }
  
  function updateTimer(){
    var total;
    if (currentTimer == "session")
      total = sessionTotal;
    else
      total = breakTotal;
    $('#countdown-time').html(timeConvert(total));
  }
  
  $('#break-minus').on('click', function(){
    breakTotal = (breakTotal * 1) - 60;
    if (breakTotal <= 0)
      breakTotal = 60;
    $('#break-time').html(timeConvert(breakTotal));
    updateTimer();
  });
   $('#break-plus').on('click', function(){
    breakTotal = (breakTotal * 1) + 60; // To make sure we're adding numbers
    $('#break-time').html(timeConvert(breakTotal));
     updateTimer();
  });
    $('#session-minus').on('click', function(){
    sessionTotal = (sessionTotal * 1) - 60;
    if (sessionTotal <= 0)
      sessionTotal = 60;
    $('#session-time').html(timeConvert(sessionTotal));
      updateTimer();
  });
   $('#session-plus').on('click', function(){
    sessionTotal = (sessionTotal * 1) + 60; // To make sure we're adding numbers
    $('#session-time').html(timeConvert(sessionTotal));
     updateTimer();
  });
  
  
});