/*!
 * Matomo - free/libre analytics platform
 *
 * @link    https://matomo.org
 * @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
 */

import { translate } from './translate';
import Matomo from './Matomo/Matomo';
import { setCookie, getCookie } from './CookieHelper/CookieHelper';

const { $ } = window;
let zenModeShortcutRegistered = false;

function handleZenMode() {
  let zenMode = !!parseInt(getCookie('zenMode')!, 10);
  const iconSwitcher = $('.top_controls .zenModeToggle');

  function updateZenMode() {
    if (zenMode) {
      $('body').addClass('zenMode');
      iconSwitcher.addClass('icon-arrowdown').removeClass('icon-arrowup');
      iconSwitcher.prop('title', translate('CoreHome_ExitZenMode'));
    } else {
      $('body').removeClass('zenMode');
      iconSwitcher.removeClass('icon-arrowdown').addClass('icon-arrowup');
      iconSwitcher.prop('title', translate('CoreHome_EnterZenMode'));
    }
  }

  if (!zenModeShortcutRegistered) {
    Matomo.helper.registerShortcut('z', translate('CoreHome_ShortcutZenMode'), (event) => {
      if (event.altKey) {
        return;
      }

      zenMode = !zenMode;
      setCookie('zenMode', zenMode ? '1' : '0');
      updateZenMode();
    });
    zenModeShortcutRegistered = true;
  }

  iconSwitcher.off('click.matomoZenMode').on('click.matomoZenMode', () => {
    window.Mousetrap.trigger('z');
  });

  updateZenMode();
}

$(handleZenMode);

Matomo.on('Matomo.topControlsRendered', () => {
  handleZenMode();
});