angular.module('flashy.CardListController', ['ui.router', 'angular.filter', 'ngSanitize', 'flashy.DeckFactory']).
    controller('CardListController', function($scope, $rootScope, $state, $http, $stateParams, Flashcard, Deck) {
        // cards array
        sectionId = parseInt($stateParams.sectionId);
        $scope.deck = new Deck(sectionId, {
            cardPullCallback: function(card) {
                Materialize.toast('Pulled!', 3000);
            },
            cardUnpullCallback: function(card) {
                Materialize.toast('Unpulled!', 3000);
            },
            cardHideCallback: function(card) {
                card.is_hidden = true;
                Materialize.toast('Hidden!', 3000);
            },
            cardUnhideCallback: function(card) {
                card.is_hidden = false;
                Materialize.toast('Unhidden!', 3000);
            }
        });
        $rootScope.currentSection = $rootScope.SectionResource.get({sectionId: sectionId});
        $scope.cards = [];

        $http.get('/api/sections/' + sectionId + '/flashcards/?hidden=yes').
            success(function(data) {
                for (i in data) $scope.cards[data[i].id] = new Flashcard(data[i], $scope.deck);
            }).
            error(function(err) {
                console.log('pulling feed failed');
            });

        // flag/report card
        $scope.flag = function(card) {
            $http.post('/api/flashcards/' + card.id + '/report/').
                success(function(data) {
                    console.log(card.text + ' reported');
                }).
                error(function(err) {
                    console.log('no flag for you');
                });
        };

        // toggle button text from show to hide
        $(function() {
            $('#showHidden').click(function() {
                $(this).text(function(i, text) {
                    return text === 'Show Hidden' ? 'Hide Hidden' : 'Show Hidden';
                });
            });
        });

        $scope.$on('$destroy', function() {
            $rootScope.currentSection = {};
            $(document).off('keydown');
        });

        $(document).ready(function() {
            $('.tooltipped').tooltip({delay: 50});

            //back to top
            var offset = 300;
            var duration = 300;
            $(window).scroll(function() {
                if ($(this).scrollTop() > offset) {
                    $('.back-to-top').fadeIn(duration);
                } else {
                    $('.back-to-top').fadeOut(duration);
                }
            });

            $('.back-to-top').click(function(event) {
                event.preventDefault();
                $('html, body').animate({scrollTop: 0}, duration);
                return false;
            });
        });

        // to display day of the week badges
        $scope.dayofweek = function(item) {
            var date = new Date(item.material_date);
            return ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][date.getDay()];
        };

        // checkbox filter
        $scope.filter = {
            'week1': true,
            'week2': true,
            'week3': true,
            'week4': true,
            'week5': true,
            'week6': true,
            'week7': true,
            'week8': true,
            'week9': true,
            'week10': true,
        };

        $scope.filterByDate = function(item) {
            var week = item.material_week_num;
            return (week == 1 && $scope.filter['week1']) ||
                (week == 2 && $scope.filter['week2']) ||
                (week == 3 && $scope.filter['week3']) ||
                (week == 4 && $scope.filter['week4']) ||
                (week == 5 && $scope.filter['week5']) ||
                (week == 6 && $scope.filter['week6']) ||
                (week == 7 && $scope.filter['week7']) ||
                (week == 8 && $scope.filter['week8']) ||
                (week == 9 && $scope.filter['week9']) ||
                (week == 10 && $scope.filter['week10']);
        };
        $scope.$on('$destroy', function() {
            $scope.deck.cleanup();
            Flashcard.cleanup();
        });

    }
).
    filter('displayCard', function($sce) {
        return function(card) {
            // text to display as html
            var cardText = '';

            var start = 0; // where to start next string break

            // get all display pieces and blank pieces
            for (var i = 0; i < card.mask.length; i++) {
                cardText = cardText.concat(card.text.substring(start, card.mask[i][0]));
                cardText = cardText.concat('<b>');
                cardText = cardText.concat(card.text.substring(card.mask[i][0], card.mask[i][1]));
                cardText = cardText.concat('</b>');
                start = card.mask[i][1];
            }

            // get remaining dislay pieces, if any
            if (start != card.mask.length - 1)
                cardText = cardText.concat(card.text.substring(start));

            return $sce.trustAsHtml(cardText);
        };
    });