(function(){
    'use strict';

    angular.module('raz')

        .component('phonicsLessonGrade', {
            templateUrl: '/js/angular/phonics-lesson/components/phonics-lesson-grade.html',
            controller: 'PhonicsLessonGradeController',
            bindings: {
                grade: '@'
            }
        })
        .controller('PhonicsLessonGradeController', PhonicsLessonGradeController);

    PhonicsLessonGradeController.$inject = ['phonicsLessonsPerGrade', '_', '$sce'];

    function PhonicsLessonGradeController(phonicsLessonsPerGrade, _, $sce) {
        var ctrl = this;

        ctrl.title = '';
        ctrl.lessons = null;

        ctrl.$onInit = function() {
            setTitle();
            setLessons();
        };

        ctrl.trustAsHtml = function(html) {
            return $sce.trustAsHtml(html);
        };

        function setTitle() {
            switch (ctrl.grade) {
                case 'K':
                case '1':
                    ctrl.title = 'Decodable Books and Lessons';
                    break;
                case '2':
                    ctrl.title = 'Decodable Passages and Lessons';
                    break;
                case '3':
                case '4':
                    ctrl.title = 'Phonics Lessons';
                    break;
                default:
                    ctrl.title = '';
                    break;
            }
        }

        function setLessons() {
            var gradeKey = 'Grade ' + ctrl.grade;

            ctrl.lessons = phonicsLessonsPerGrade[gradeKey];
        }

    }
})();