angular.module('flashy.FlashcardDirective', []).

      directive('flashcard', ['$http', '$state', '$window',

          function($http, $state, $window) {

              return {
                  templateUrl: '/app/templates/flashcard.html',
                  restrict: 'E',
                  scope: {
                      flashcard: '=flashcardObj', // flashcard-obj in parent html
                      refresh: '&' // eval refresh in parent html
                  },

                  link: function(scope, element) {

                      /* Handles width of the card */
                      function refresh_width() {
                          avail = $window.innerWidth - 17;

                          width = Math.floor(avail / Math.floor(avail / 250) - 12);
                          element.children().css({
                              width: width + 'px',
                              height: (width * 3 / 5) + 'px',
                              'font-size': 100 * width / 250 + '%'

                          });

                      };
                      angular.element($window).bind('resize', refresh_width);
                      refresh_width();

                      scope.textPieces = [];

                      scope.flashcard.mask.sort(function(a, b) {
                          return a[0] - b[0];
                      });
                      var i = 0;
                      scope.flashcard.mask.forEach(function(blank) {
                          scope.textPieces.push({text: scope.flashcard.text.slice(i, blank[0])});
                          scope.textPieces.push({text: scope.flashcard.text.slice(blank[0], blank[1]), blank: true});
                          i = blank[1];
                      });
                      scope.textPieces.push({text: scope.flashcard.text.slice(i)});

                      /* Pulls card from feed into deck */

                      scope.pullCard = function(flashcard) {

                          if ($state.current.name == 'feed') {
                              $http.post('/api/flashcards/' + flashcard.id + '/pull/', flashcard).

                                  success(function(data) {

                                      console.log('pulled flashcard #' + flashcard.id);
                                      scope.startShrink = true;
                                      scope.refresh();
                                  }).

                                  error(function(data) {

                                      console.log('failed to pull flashcard #' + flashcard.id);
                                  });
                          }
                      };

                      /* Unpulls card from deck */

                      scope.unpullCard = function(flashcard) {

                          if ($state.current.name == 'deck') {
                              console.log('unpulling card...');

                              $http.post('/api/flashcards/' + flashcard.id + '/unpull/',
                                  flashcard).

                                  success(function(data) {

                                      console.log('card unpull success');
                                      scope.startShrink = true;
                                      scope.refresh();
                                  }).

                                  error(function(data) {

                                      console.log('card unpull FAILURE');
                                  });
                          }
                      };
  
                      /* Hides card from feed */

                      scope.hideCard = function(flashcard) {

                          if ($state.current.name == 'feed') {
                              $http.post('/api/flashcards/' + flashcard.id + '/hide/',
                                  flashcard).

                                  success(function(data) {

                                      console.log('card hide success');
                                      scope.startShrink = true;
                                      scope.refresh();
                                  }).

                                  error(function(data) {

                                      console.log('card hide FAILURE');
                                  });
                          }
                      };

                  }

              };

          }]);