(function() {
    "use strict";

    angular.module('raz')
        .component('instructionalGoalMain', {
            templateUrl: '/js/angular/connected-classroom/components/instructional-goal-main.html',
            controller: 'InstructionalGoalMainController'
        })
        .controller('InstructionalGoalMainController', ['instructionalGoal', 'lazAccessRestrictionService',
            'isConnectedClassroomEnabled', 'ConnectedClassroomMarketingPopup',
            function InstructionalGoalMainController(instructionalGoal, lazAccessRestrictionService,
                                                     isConnectedClassroomEnabled, ConnectedClassroomMarketingPopup) {
                var ctrl = this;
                ctrl.showAdditionalPractice = false;
                ctrl.isAuthenticated = lazAccessRestrictionService.isAuthorized();
                ctrl.isConnectedClassroomEnabled = isConnectedClassroomEnabled;

                ctrl.$onInit = function() {
                    ctrl.instructionalGoal = instructionalGoal;
                    ctrl.objectives = instructionalGoal.primary_resources.lesson_guide.objectives;
                    ctrl.primaryResources = instructionalGoal.primary_resources;
                    ctrl.additionalPractice = instructionalGoal.additional_practice;

                    ctrl.hasAdditionalPractice = Object.keys(ctrl.additionalPractice).length > 0;

                    ctrl.hideRPCCShout = clg.commonUtils.getCookie('hide-rpccShout');
                    if (!ctrl.hideRPCCShout && (!ctrl.isAuthenticated || !ctrl.isConnectedClassroomEnabled)) {
                        ConnectedClassroomMarketingPopup.show();
                    }
                };

                ctrl.toggleAdditionalPractice = function() {
                    ctrl.showAdditionalPractice = !ctrl.showAdditionalPractice;
                };
            }
        ])
})();