(function () {
  'use strict';

  /**
   * @copyright   (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
   * @license     GNU General Public License version 2 or later; see LICENSE.txt
   */
  (function () {
    var onChange = function onChange(_ref) {
      var target = _ref.target;
      var self = target;
      var value = parseInt(self.value, 10);
      self.classList.remove('form-select-success', 'form-select-danger');
      if (value === 1) {
        self.classList.add('form-select-success');
      } else if (value === 0 || value === -2) {
        self.classList.add('form-select-danger');
      }
    };
    var updateSelectboxColour = function updateSelectboxColour() {
      var colourSelects = [].slice.call(document.querySelectorAll('.form-select-color-state'));
      colourSelects.forEach(function (colourSelect) {
        var value = parseInt(colourSelect.value, 10);

        // Add class on page load
        if (value === 1) {
          colourSelect.classList.add('form-select-success');
        } else if (value === 0 || value === -2) {
          colourSelect.classList.add('form-select-danger');
        }

        // Add class when value is changed
        colourSelect.addEventListener('change', onChange);
      });

      // Cleanup
      document.removeEventListener('DOMContentLoaded', updateSelectboxColour, true);
    };

    // On document loaded
    document.addEventListener('DOMContentLoaded', updateSelectboxColour, true);

    // On Joomla updated
    document.addEventListener('joomla:updated', updateSelectboxColour, true);
  })();

})();