(function(){
    'use strict';

    angular.module('raz')

        .component('phonicsLessonMain', {
            templateUrl: '/js/angular/phonics-lesson/components/phonics-lesson-main.html',
            controller: 'PhonicsLessonMainController'
        })
        .controller('PhonicsLessonMainController', PhonicsLessonMainController);

    PhonicsLessonMainController.$inject = ['phonicsLessonCommonResources', 'memberInfo', 'FeatureCheck', '_', '$document'];

    function PhonicsLessonMainController(phonicsLessonCommonResources, memberInfo, FeatureCheck, _, $document) {
        var ctrl = this;

        ctrl.showScopeSequenceLinkBox = true;

        ctrl.overviewResource = null;

        ctrl.$onInit = function() {
            ctrl.cookieValue = clg.commonUtils.getCookie("phonics_lesson");
            ctrl.overviewResource = phonicsLessonCommonResources.overview;
            ctrl.isScopeSequenceEnabled = (FeatureCheck.isFeatureEnabled('FOUNDATIONAL_SKILLS_SCOPE_SEQUENCE') && !memberInfo['is_texas_edition']);
        };

        ctrl.isCookieSet = function(tabIndex) {
            return ctrl.cookieValue && parseInt(tabIndex) === parseInt(ctrl.cookieValue)
                ? 'true'
                : 'false'
        }

        ctrl.clickedNavTab = function() {
            var nextTabIndex = getNextTabAfterClick();

            if (nextTabIndex >= 0) {
                clg.commonUtils.setCookie("phonics_lesson", nextTabIndex, 1);
                ctrl.showScopeSequenceLinkBox = _.contains([0, 1, 2], nextTabIndex);
            }
        };

        function getNextTabAfterClick() {
            var gradeTabs = $document[0].getElementsByClassName("navTabs")[0]['children'];

            for (var i = 0; i < gradeTabs.length; ++i) {
                var tab = gradeTabs[i];

                if (angular.element(tab).hasClass('is-active-add')) {
                    return i;
                }
            }

            return undefined;
        }
    }
})();