(function(){
    'use strict';

    angular.module('raz')

        .component('phonologicalAwarenessLessonGrade', {
            templateUrl: '/js/angular/foundational-skills/phonological-awareness/components/phonological-awareness-lesson-grade.html',
            controller: 'PhonologicalAwarenessLessonGradeController',
            bindings: {
                grade: '@'
            }
        })
        .controller('PhonologicalAwarenessLessonGradeController', PhonologicalAwarenessLessonGradeController);

    PhonologicalAwarenessLessonGradeController.$inject = ['phonologicalAwarenessLessonsPerGrade', '_', '$sce'];

    function PhonologicalAwarenessLessonGradeController(phonologicalAwarenessLessonsPerGrade, _, $sce) {
        var ctrl = this;

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

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

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

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

            ctrl.lessons = phonologicalAwarenessLessonsPerGrade[gradeKey];
        }

    }
})();