"use strict";

/**
 * Contact Subject select in Serviceflap.
 * Display Contacts from contactSubjects select
 */

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

  var $document,
    $docElement,
    $scope = $('.js-contactsubject'),
    selectContactsBySubject = function selectContactsBySubject(subject) {
      $scope.find('.js-contactsubject-contacts.is-active').removeClass('is-active');
      $scope.find('#' + subject).addClass('is-active');
    },
    init = function init() {
      if ($scope.length) {
        $document = $(document);
        $docElement = $(document.documentElement);
        $scope.on('change', '.js-contactsubject-select', function () {
          selectContactsBySubject(this.value);
        });

        // initially show contacts by preselected subject
        selectContactsBySubject($scope.find('.js-contactsubject-select option:selected').val());
      }
    };
  init();
})(jQuery, window, document);