angular.module('footyroom')
  
  .controller('PredictorController', ['$scope', '$route', '$sce', 'predictService', '$location', function ($scope, $route, $sce, predictService, $location) {
      $scope.$route = $route;
  
      $scope.predictor = DataStore.predictor;
  
      $scope.predictor.prizeHtml = $sce.trustAsHtml($scope.predictor.prizeHtml);
  
      $scope.loadPlayer = () => {
          predictService.getPlayer().then((player) => {
              $scope.player = player;
          });
      };
  
      /**
       * Request to load player only if we are not a guest.
       */
      if (!DataStore.isGuest) {
          $scope.loadPlayer();
      }
  
      /**
       * We will ask playing guests to sign up.
       */
      if (DataStore.isGuest) {
          $scope.showSignUp = true;
      }
  
      /**
       * Handle loading of player for "viewAs" situations.
       */
      $scope.$on('$routeChangeStart', function (event, next) {
          if (next) {
              predictService.loadViewAs(parseInt($location.search().viewAs, 10)).then(() => {
                  $scope.viewAs = predictService.getViewAs();
              }).catch(() => {
                  /**
                   * In case we can't fetch a viewAs player then redirect to predictor home page.
                   * TODO: What we really need is a proper 404 and a general error handler within
                   * angular. This is important for SEO also.
                   *
                   * https://stackoverflow.com/questions/14779190
                   */
                  $location.url('/predictor');
              });
          }
      });
  }]);