let goaltitle;
let goal, fieldData;
let pointsPerTip = 0;
let pointsPerEmber = 1;
let pointsPerSub = 0;
let pointsPerFollow = 0;


window.addEventListener('onWidgetLoad', function (obj) {
    console.log(obj.detail);
    fieldData = obj.detail.fieldData;
    goal = fieldData["goal"];
    $('#goal-total').text(goal);
    goaltitle = fieldData["goaltitle"];
    $('#title').text(goaltitle);
    pointsPerEmber = fieldData["pointsPerEmber"];
    pointsPerTip = fieldData["pointsPerTip"];
    pointsPerSub = fieldData["pointsPerSub"];
    let data = obj["detail"]["session"]["data"];
    analysePoints(data);
});

window.addEventListener('onSessionUpdate', function (obj) {
    let data = obj["detail"]["session"];
    analysePoints(data);
});

function analysePoints(data) {
    let embersAmount = data["embers-goal"]["amount"];
    let subsAmount = data["subscriber-goal"]["amount"];
    let tipsAmount = data["tip-goal"]["amount"];
    let followerAmount = data["follower-goal"]["amount"];
    let currentPoints = subsAmount * pointsPerSub;
    currentPoints += tipsAmount * pointsPerTip;
    currentPoints += embersAmount * pointsPerEmber;
    currentPoints += followerAmount * pointsPerFollow;
    $('#goal-current').text(embersAmount);
    updateBar(embersAmount);


let percentOfTarget = Math.round((embersAmount / goal) * 100);
if (percentOfTarget >= 100) {
    percentOfTarget = 100;
  }
var forEach = function (array, callback, scope) {
    for (var i = 0; i < array.length; i++) {
        callback.call(scope, i, array[i]);
    }
};
var max = -219.99078369140625;
    forEach(document.querySelectorAll('.progress'), function (index, value) {
    percent = value.getAttribute('data-progress');
        value.querySelector('.fill').setAttribute('style', 'stroke-dashoffset: ' + ((100 - percentOfTarget) / 100) * max);
    });
}
function updateBar(amount) {
    let percentage = amount / goal * 100;
    $("#goalbar").css('height', Math.min(100, percentage) + "%");
    if (percentage >= '100') {
      $(".progress").addClass("reached");
    }
}

    window.addEventListener('onEventReceived', function (obj) {
      const listener = obj.detail.event.listener.split("-")[0];
      if (listener === 'embers') {
          $(".fas").addClass("iconani");
      setTimeout(function(){
        $(".fas").removeClass("iconani");
      }, 1800);
    }
});