"use strict";

angular.module("vocabulary")
    .component("lessonBuilder", {
        templateUrl: "/js/redesign-angular/lessonBuilder/lesson-builder.html",
        controller: "LessonBuilderController",
        bindings: {
            rootState: "<?",
            isCategorySelectorOpen: "<"
        }
    })
    .controller("LessonBuilderController",
        ["$window", "$state", "lessonService", "accessRestriction", "FeatureCheck", function ($window, $state, lessonService, accessRestriction, FeatureCheck) {
            var ctrl = this;

            ctrl.$onInit = function() {
                ctrl.lessonName = lessonService.getLessonName();
            };

            if(FeatureCheck.isFeatureEnabled('BATCH_ENTER_WORDS')) {
                ctrl.batchEnterFeatureActive = true;
            }

            ctrl.setFocus = function( elementById){
                $window.document.getElementById(elementById).focus();
            };

            ctrl.goToYourWords = function () {
                $state.go(ctrl.rootState + ".memberWords");
            };

            ctrl.hasAccess = accessRestriction.hasAccess;

            ctrl.setLessonName = function () {
                ctrl.lessonTitle.title.$setValidity("dupe", true);
                lessonService.setLessonName(ctrl.lessonName);
            };

            ctrl.showResourceWords = function () {
                return lessonService.doesLessonHaveResourceWords();
            };

            ctrl.resourceWordsIsActive = function () {
                return $state.includes('**.resourceWords.**');
            };

            ctrl.wordSearchIsActive = function () {
                return $state.includes('**.wordSearch.**');
            };

            ctrl.wordListsIsActive = function () {
                return $state.includes('**.wordLists.**');
            };

            ctrl.memberWordsIsActive = function () {
                return $state.includes('**.memberWords.**');
            };

            ctrl.invalidField = function (field) {
                return field.$invalid && field.$dirty;
            };

            ctrl.batchEnterIsActive = function(){
                return $state.includes('**.batchEnterWords.**');

            };

            ctrl.saveLessonData = function () {
                lessonService.saveLesson()
                    .then(function(lessonId){
                        if(lessonId !== undefined && lessonId !== null) {
                            $state.go('lesson.success', {'lessonId': lessonId});
                        }
                    })
                    .catch(setLessonErrors);
            };

            function setLessonErrors(errors) {
                if(errors.lessonName) {
                    ctrl.lessonTitle.title.$setDirty();
                }

                if (errors.lessonNameExists) {
                    ctrl.lessonTitle.title.$setDirty();
                    ctrl.lessonTitle.title.$setValidity("dupe", false);
                }
            }

            ctrl.validityMessages = function () {
                var messages = [];
                if(!ctrl.lessonName || ctrl.lessonName.length === 0) {
                    messages.push("Add a Lesson Name.");
                }
                if(lessonService.countChosenWords() <= 0) {
                    messages.push("Add at least one word to your lesson.");
                }
                return messages;
            }
        }]);