$(async function() {
  $('#notificationBell').hide();
  $('#loader').show();
  let town;
  if (environment.login_name.indexOf("_") !== -1) {
    town = '&town='+capitalizeFirstLetter(environment.login_name.split('_')[0])
  }
  else{
    town = ''
  }
  let previousTotal = localStorage.getItem('previousTotal') ? parseInt(localStorage.getItem('previousTotal') - 1) : 0;
  let soundEnabled = false;

  function updateEventData() {
    $.ajax({
      url: environment.base_url+"/"+'?do=api&fn=last_statistic'+town,
      type: 'GET',
      dataType: "json",
      success: function(data) {
        let eventData = data.rows[0]
        var eventList = $('#eventList');
        const now = new Date();
        const formattedDateTime = now.toLocaleString();
        const total = eventData.PowerFailureCount + eventData.EquipmentFailureCount + eventData.SipFailureCount + eventData.IpFailureCount + eventData.TimeAlertFailureCount + eventData.ControllerFailureCount + eventData.DoorOpenCount + eventData.SyncFailureCount;
        if (total !== previousTotal) {
          eventList.empty();
          eventList.append('<li class="datetime">Current Time: ' + formattedDateTime + '</li>');
          eventList.append('<li>' + i18next.t("Power Failure") + ': ' + eventData.PowerFailureCount + '</li>');
          eventList.append('<li>' + i18next.t("Object Failure") + ': ' + eventData.EquipmentFailureCount + '</li>');
          eventList.append('<li>' + i18next.t("SIP failure") + ':  ' + eventData.SipFailureCount + '</li>');
          eventList.append('<li>' + i18next.t("IP failure") + ': ' + eventData.IpFailureCount + '</li>');
          eventList.append('<li>' + i18next.t("Clock error") + ': ' + eventData.TimeAlertFailureCount + '</li>');
          eventList.append('<li>' + i18next.t("Controller error") + ': ' + eventData.ControllerFailureCount + '</li>');
          eventList.append('<li>' + i18next.t("Door open") + ': ' + eventData.DoorOpenCount + '</li>');
          eventList.append('<li>' + i18next.t("Out of sync") + ': ' + eventData.SyncFailureCount + '</li>');
          $('#eventCount').text(total)
        } else {
          eventList.find('li.datetime').text('Current Time: ' + formattedDateTime + '')
        }
        $('#loader').hide();
        $('#notificationBell').show();
        if(total > 100){
          $('.notification-container').addClass('large')
        }
        if (total > previousTotal && soundEnabled) {
          $('#notificationSound')[0].play();
        }

        previousTotal = total;
        localStorage.setItem('previousTotal', previousTotal);
      }
    });
  }

  setInterval(updateEventData, 1000);

  $('#eventCount').click(function() {
    $('#eventDropdown').toggle();
  });

  $('#notificationBell').click(function() {
    soundEnabled = true;
    $('#notificationBell').removeClass('disabled').addClass('active');
  });

  $(document).click(function(event) {
    if (!$(event.target).closest('#eventCount, #eventDropdown').length) {
      if ($('#eventDropdown').is(":visible")) {
        $('#eventDropdown').hide();
      }
    }
  });
});