import './comment/frCommenter';
  import './vendor/jquery.timeago';
  import teamTypeahead from './common/directives/teamTypeahead';
  
  angular.module('footyroom').requires.push('fr.profile');
  
  angular.module('fr.profile', [teamTypeahead])
      .controller('ProfileSettingsController', ['$scope', '$http', function ($scope, $http) {
          $scope.submitForm = function (event) {
              if ($scope.userForm.$invalid) {
                  event.preventDefault();
              }
          };
  
          $scope.$watch('userForm', function () {
              $scope.userForm.verifyPassword.$validators.verify = function (modelValue, viewValue) {
                  return viewValue == $scope.userForm.newPassword.$viewValue;
              };
          });
  
          $scope.fbConnect = function () {
              $scope.fbLoginError = null;
  
              FB.login(fbStatusChangeCallback, { scope: 'public_profile, email' });
          };
  
          $scope.fbDisconnect = function () {
              $scope.fbLoginError = null;
  
              $http.post('/profile/settings/fbdisconnect')
  
                  .then(handleFbApiResponse);
          };
  
          /**
           *  Private methods.
           */
  
          function fbStatusChangeCallback(response) {
              var token = null;
  
              if (response.status === 'connected') {
                  token = response.authResponse.accessToken;
  
                  $http.post('/profile/settings/fbconnect', { token: token })
  
                      .then(handleFbApiResponse);
              }
          }
  
          function handleFbApiResponse(response) {
              if (response.data === 'success') {
                  window.location = '/profile/settings';
              } else {
                  $scope.fbLoginError = response.data;
              }
          }
      }])
  
      .controller('ProfileCtrl', function () {
      })
  
      .controller('FriendsPaginationCtrl', ['$scope', '$rootScope', '$http', function ($scope, $rootScope, $http) {
          $scope.currentPage = 1;
          $scope.itemsPerPage = 20;
  
          $scope.$on('loadFriends', function () {
              loadFriends();
          });
  
          $scope.init = function (type) {
              $scope.type = type;
              loadFriends();
          };
  
          $scope.pageChanged = function () {
              loadFriends();
          };
  
          $scope.removeFriend = function (userID) {
              $http.post('/profile/friends/unfriend', { userId: userID })
  
                  .then(handleFriendApiResponse);
          };
  
          $scope.ignoreFriend = function (userID) {
              $http.post('/profile/friends/delete-request', { fromUserId: userID })
  
                  .then(handleFriendApiResponse);
          };
  
          $scope.acceptFriend = function (userID) {
              $http.post('/profile/friends/accept-request', { fromUserId: userID })
  
                  .then(function (response) {
                      handleFriendApiResponse(response, true);
                  });
          };
  
          function handleFriendApiResponse(response, broadcast) {
              if (response.data === 'OK') {
                  if (broadcast) {
                      $rootScope.$broadcast('loadFriends');
                  } else {
                      loadFriends();
                  }
              }
          }
  
          function loadFriends(response) {
              $http({
                  method: 'GET',
                  url: '/profile/' + $scope.username + '/friends.json',
                  params: {
                      type: $scope.type,
                      page: $scope.currentPage,
                      perPage: $scope.itemsPerPage,
                  },
              })
  
                  .then(function (response) {
                      $scope.totalItems = parseInt(response.data.total);
                      $scope.friends = response.data.data;
                  });
          }
      }]);
  
  $(document).ready(function () {
      $('#changePhoto_label').click(function () {
          $('#inputChangePhoto').click();
      });
  
      $('#filter_all').click(function () {
          $('#all_friends').show();
          $('#pending_friends').hide();
      });
  
      $('#filter_pending').click(function () {
          $('#all_friends').hide();
          $('#pending_friends').show();
      });
  
      $('#inputChangePhoto').change(function () {
          $('#changePhotoForm').submit();
      });
  
      $.profile = {
          userID: $('#profile_userID').val(),
      };
  
      $('#add_as_friend').click(function () {
          const _this = this;
  
          $.post('/profile/friends/request', { userId: $.profile.userID }, function (result) {
              if (result.success == true) {
                  $('#profile_connect_text').removeClass('displayno');
                  $(_this).hide();
              } else {
                  alert('Error in communication');
              }
          }, 'json');
      });
  });