(function() {
    "use strict";

    angular.module('shared')
        .component('lazModal', {
            bindings: {
                hideCloseButton: '@?',
                offpageContent: '@?',
                onClose: '<?',
                overrideClass: '@?',
                overrideFocusId: '@?',
                overrideReturnFocusClass: '@?',
                overrideStyle: '@?'
            },
            require: {
                popoverContentCtrl: '?^popoverContent'
            },
            controller: 'LazModal',
            templateUrl: '/shared/js/angular/ui/laz-modal.html',
            transclude: true
        })
        .controller('LazModal', ['$scope', '$document', '$timeout', '$element', function LazModalCtrl($scope, $document, $timeout, $element) {
            var ctrl = this;
            ctrl.focusableElements = 'button, a[href], input, select, textarea, [tabindex]:not([tabindex="0"])';

            ctrl.$onInit = function() {
                ctrl.isModalOpen = true;
                ctrl.elementThatOpenedModal = getElementThatOpenedModal();
                $timeout(addFocusOntoModal, 25);
                setupKeydownListeners();
                handleOverflow();
                $timeout(autopositionContent, 25);
            };

            ctrl.close = function() {
                ctrl.isModalOpen = false;
                returnFocusToElementThatOpenedModal();
                setupKeydownListeners();
                handleOverflow();
                $timeout(autopositionContent, 25);
                handleOptionalCloseBehavior();
            };

            ctrl.$onDestroy = function() {
                if (ctrl.isModalOpen) {
                    ctrl.ignoreOptionalCloseBehavior = true;
                    ctrl.close();
                }
            };

            ctrl.isOpen = function() {
                return ctrl.isModalOpen;
            };

            ctrl.getClass = function() {
                if (ctrl.overrideClass) {
                    return 'js-laz-modal ' + ctrl.overrideClass;
                }
                return 'js-laz-modal modalWindow';
            };

            ctrl.getOverrideStyle = function() {
                if (ctrl.overrideStyle) {
                    return ctrl.overrideStyle;
                }
                return '';
            };

            ctrl.hasCloseButton = function() {
                if (ctrl.hideCloseButton) {
                    return !ctrl.hideCloseButton;
                }
                return true;
            };

            ctrl.onKeyDown = function(event) {
                if (!ctrl.isModalOpen) {
                    return;
                }
                switch (event.keyCode) {
                    case 9: // tab
                        handleTab(event);
                        break;
                    case 27: // escape
                        handleEscape(event);
                        break;
                    default:
                        if (typeof modalKeyDown === 'function') {
                            modalKeyDown(event, ctrl.close, null, null, null, 'js-modal-list-container');
                        }
                }
            };

            function getElementThatOpenedModal() {
                if (ctrl.overrideReturnFocusClass) {
                    var elementThatOpenedModal = angular.element('.' + ctrl.overrideReturnFocusClass);
                    if (elementThatOpenedModal) {
                        return elementThatOpenedModal;
                    }
                }
                return document.activeElement;
            }

            function addFocusOntoModal() {
                var isModalFocused = false;
                if (ctrl.overrideFocusId) {
                    isModalFocused = addFocusToElementById(ctrl.overrideFocusId);
                }
                if (!isModalFocused) {
                    addFocusToFirstFocusableElement();
                }
            }

            function addFocusToElementById(id) {
                var targetElement = angular.element(document.querySelector('#' + id));
                if (!targetElement) {
                    return false;
                }
                targetElement.focus();
                return true;
            }

            function addFocusToFirstFocusableElement() {
                var focusableElements = getFocusableElements();
                if (focusableElements.length === 0) {
                    return;
                }
                angular.element(focusableElements[0]).focus();
            }

            function setupKeydownListeners() {
                if (ctrl.isModalOpen) {
                    $element.on('keydown', ctrl.onKeyDown);
                    $document.on('keydown', handleEscape);
                } else {
                    $element.off('keydown', ctrl.onKeyDown);
                    $document.off('keydown', handleEscape);
                }
            }

            function handleOverflow() {
                var body = angular.element('body');
                if (ctrl.isModalOpen) {
                    ctrl.originalBodyOverflow = body.css('overflow');
                    body.css('overflow', 'hidden');
                    body.addClass('is-behindModal');
                } else {
                    body.removeClass('is-behindModal');
                    if (body.css('overflow') === 'hidden') {
                        body.css('overflow', ctrl.originalBodyOverflow || 'visible');
                    }
                }
            }

            function autopositionContent() {
                if (ctrl.isModalOpen) {
                    $element.find('.js-laz-modal').addClass('active');
                } else {
                    $element.find('.js-laz-modal').removeClass('active');
                }
            }

            function returnFocusToElementThatOpenedModal() {
                var elementThatOpenedModal = angular.element(ctrl.elementThatOpenedModal);
                if (elementThatOpenedModal.is(':visible')) {
                    elementThatOpenedModal.focus();
                }
                if (ctrl.overrideReturnFocusClass && elementThatOpenedModal.hasClass(ctrl.overrideReturnFocusClass)) {
                    elementThatOpenedModal.removeClass(ctrl.overrideReturnFocusClass);
                }
            }

            function handleOptionalCloseBehavior() {
                if (ctrl.ignoreOptionalCloseBehavior) {
                    return;
                }
                if (ctrl.onClose) {
                    ctrl.onClose();
                }
                if (ctrl.popoverContentCtrl) {
                    ctrl.popoverContentCtrl.close();
                }
            }

            function handleTab(event) {
                if (event.keyCode !== 9) { // tab
                    return;
                }
                var currentElement = $j(event.target)[0];
                var focusableElements = getFocusableElements();
                var firstFocusableElement = focusableElements[0];
                var lastFocusableElement = focusableElements[focusableElements.length - 1];
                if (isSameElement(currentElement, firstFocusableElement) && event.shiftKey) {
                    event.preventDefault();
                    angular.element(lastFocusableElement).focus();
                } else if (isSameElement(currentElement, lastFocusableElement) && !event.shiftKey) {
                    event.preventDefault();
                    angular.element(firstFocusableElement).focus();
                }
            }

            function handleEscape(event) {
                if (event.keyCode !== 27) { // escape
                    return;
                }
                event.preventDefault();
                ctrl.close();
            }

            function isSameElement(element1, element2) {
                return element1 === element2 || element1.isEqualNode(element2);
            }

            function getFocusableElements() {
                return $element.find(ctrl.focusableElements);
            }
        }]);
})();