/**
 * @copyright  (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 * @since      3.5.0
 */

Joomla = window.Joomla || {};
((Joomla, document) => {

  const allowed = {
    input: ['type', 'name', 'value'],
    'joomla-alert': ['type', 'dismiss', 'role'],
    button: ['type'],
    table: [],
    tbody: [],
    thead: [],
    caption: [],
    th: ['scope'],
    tr: [],
    td: []
  };
  const initStatsEvents = callback => {
    const messageContainer = document.getElementById('system-message-container');
    const joomlaAlert = messageContainer.querySelector('.js-pstats-alert');
    const detailsContainer = messageContainer.querySelector('#js-pstats-data-details');

    // Show details about the information being sent
    document.addEventListener('click', event => {
      if (event.target.classList.contains('js-pstats-btn-details')) {
        event.preventDefault();
        detailsContainer.classList.toggle('d-none');
      }
    });

    // Always allow
    document.addEventListener('click', event => {
      if (event.target.classList.contains('js-pstats-btn-allow-always')) {
        event.preventDefault();

        // Remove message
        joomlaAlert.close();
        callback({
          plugin: 'sendAlways'
        });
      }
    });

    // Never allow
    document.addEventListener('click', event => {
      if (event.target.classList.contains('js-pstats-btn-allow-never')) {
        event.preventDefault();

        // Remove message
        joomlaAlert.close();
        callback({
          plugin: 'sendNever'
        });
      }
    });
  };
  const getJson = ({
    plugin = 'sendStats'
  } = {}) => {
    const url = `index.php?option=com_ajax&group=system&plugin=${plugin}&format=raw`;
    const messageContainer = document.getElementById('system-message-container');
    Joomla.request({
      url,
      headers: {
        'Content-Type': 'application/json'
      },
      onSuccess: response => {
        try {
          const json = JSON.parse(response);
          if (json && json.html) {
            messageContainer.insertAdjacentHTML('beforeend', Joomla.sanitizeHtml(json.html, allowed));
            messageContainer.querySelector('.js-pstats-alert').classList.remove('hidden');
            initStatsEvents(getJson);
          }
        } catch (e) {
          throw new Error(e);
        }
      },
      onError: xhr => {
        Joomla.renderMessages({
          error: [xhr.response]
        });
      }
    });
  };
  document.addEventListener('DOMContentLoaded', () => {
    getJson();
  });
})(Joomla, document);
