(function(){
    'use strict';

    angular.module('raz')

        .component('dailyLanguagePracticeMain', {
            templateUrl: '/js/angular/daily-language-practice/components/daily-language-practice-main.html',
            controller: 'DailyLanguagePracticeMainController'
        })
        .controller('DailyLanguagePracticeMainController', DailyLanguagePracticeMainController);

    DailyLanguagePracticeMainController.$inject = ['_', '$document'];

    function DailyLanguagePracticeMainController(_, $document) {
        var ctrl = this;

        ctrl.$onInit = function() {
            ctrl.cookieValue = clg.commonUtils.getCookie("daily_language_practice");
        };

        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("daily_language_practice", nextTabIndex, 1);
            }
        };

        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;
        }
    }
})();