"use strict";

/**
 * Disorder Type select in Serviceflap.
 * Display Contacts from contactSubjects select
 */

;
(function ($, window, document, undefined) {
  'use strict';

  var $document,
    $docElement,
    $scope = $('.js-disorder'),
    selectArea = function selectArea(areaId) {
      $scope.find('.js-disorder-area.is-active .js-disorder-typeselect').val('0').trigger('change');
      $scope.find('.js-disorder-area.is-active').removeClass('is-active');
      $scope.find('#' + areaId).addClass('is-active');
    },
    selectType = function selectType(typeId) {
      $scope.find('.js-disorder-type.is-active').removeClass('is-active');
      $scope.find('#' + typeId).addClass('is-active');
    },
    init = function init() {
      if ($scope.length) {
        $scope.on('change', '.js-disorder-areaselect', function () {
          selectArea(this.value);
        });
        $scope.on('change', '.js-disorder-typeselect', function () {
          selectType(this.value);
        });
      }
    };
  init();
})(jQuery, window, document);