'use strict';

angular.module('acufuel')

.controller('schedulerController', ['$scope','$compile', 'uiCalendarConfig', 'schedulerService', function($scope, $compile, uiCalendarConfig, schedulerService) {

  $scope.showLoader = true;
  getEventsList();

  $scope.events = [];
  function getEventsList(){
    schedulerService.getEvents().then(function(result) {
      for (var i = 0; i < result.length; i++) {
        var newTime = new Date(result[i].deployDate);
        var dmonth = newTime.getUTCMonth() + 1; //months from 1-12
        var dday = newTime.getUTCDate();
        var dyear = newTime.getUTCFullYear();

        $scope.events.push({
          'id': result[i].id,
          'title': result[i].aircraft,
          'start': dyear+'-'+dmonth+'-'+dday
        })
        $scope.showLoader = false;
      }

     // $scope.newFuelPricing[i].futureFuelPricing.deployDate = dmonth+'/'+dday+'/'+dyear;
    })
  }

  $scope.newEvent = {};
  $scope.addNewEvent = function(){
    console.log('newEvent', $scope.newEvent);
    $scope.showLoader = true;
    if ($scope.newEvent.deployDate != undefined) {
      $scope.newEvent.deployDate = new Date($scope.newEvent.deployDate);
      $scope.newEvent.deployDate = $scope.newEvent.deployDate.getTime();
    }
    //var data = 'aircraft='+$scope.newEvent.aircraft+'&deployDate='+$scope.newEvent.deployDate;
    schedulerService.addNewEventService($scope.newEvent).then(function(response){
      $scope.newEvent = {};
      $('#addEvent').modal('hide');
      $scope.events = [];
      getEventsList();
    })
  }

  $scope.cancelAdd = function(){
    $scope.newEvent = {};
  }

  $scope.editData = {};
  $scope.editEvent = function(data){
    $scope.editData = data;
    $('#editEvent').modal('show');
  }
  $scope.updateEvent = function(){
    $scope.showLoader = true;
    $scope.updatedData = {};
    $scope.updatedData.id = $scope.editData.id;
    $scope.updatedData.aircraft = $scope.editData.title;
    $scope.updatedData.deployDate = $scope.editData.start;
    if ($scope.updatedData.deployDate != undefined) {
      $scope.updatedData.deployDate = new Date($scope.updatedData.deployDate);
      $scope.updatedData.deployDate = $scope.updatedData.deployDate.getTime();
    }
    schedulerService.updateScheduledEvent($scope.updatedData).then(function(response){
      console.log('response', response);
      $scope.updatedData = {};
      $('#editEvent').modal('hide');
      toastr.success('Updated Successfully', {
        closeButton: true
      })
      $scope.events = [];
      getEventsList();
    })
  }


  /*  code for calendar  */

  var date = new Date();
  var d = date.getDate();
  var m = date.getMonth();
  var y = date.getFullYear();

  $scope.changeTo = 'Hungarian';

  $scope.eventSource = {};

  $scope.eventsF = function (start, end, timezone, callback) {
    var s = new Date(start).getTime() / 1000;
    var e = new Date(end).getTime() / 1000;
    var m = new Date(start).getMonth();
    var events = [{title: 'Feed Me ' + m,start: s + (50000),end: s + (100000),allDay: false, className: ['customFeed']}];
    callback(events);
  };

  $scope.calEventsExt = {
   color: '#f00',
   textColor: 'yellow',
   events: []
 };

 $scope.alertOnEventClick = function( date, jsEvent, view){
  $scope.alertMessage = (date.title + ' was clicked ');
};

$scope.alertOnDrop = function(event, delta, revertFunc, jsEvent, ui, view){
      var dmonth = event.start._d.getUTCMonth() + 1; //months from 1-12
      var dday = event.start._d.getUTCDate();
      var dyear = event.start._d.getUTCFullYear();
      console.log('date', dyear+'-'+dmonth+'-'+dday);
      for (var i = 0; i < $scope.events.length; i++) {
        if ($scope.events[i].id == event.id) {

          console.log('events', $scope.events[i]);
          //$scope.events[i].start = dyear+'-'+dmonth+'-'+dday;
          $scope.showLoader = true;
          $scope.updatedDataDrop = {};
          $scope.updatedDataDrop.id = $scope.events[i].id;
          $scope.updatedDataDrop.aircraft = $scope.events[i].title;
          $scope.updatedDataDrop.deployDate = dyear+'-'+dmonth+'-'+dday;
          if ($scope.updatedDataDrop.deployDate != undefined) {
            $scope.updatedDataDrop.deployDate = new Date($scope.updatedDataDrop.deployDate);
            $scope.updatedDataDrop.deployDate = $scope.updatedDataDrop.deployDate.getTime();
          }
          schedulerService.updateScheduledEvent($scope.updatedDataDrop).then(function(response){
            console.log('response', response);
            $scope.updatedDataDrop = {};
            $('#editEvent').modal('hide');
            toastr.success('Updated Successfully', {
              closeButton: true
            })
            $scope.events = [];
            getEventsList();
          })

        }
      }
      console.log('$scope.events new', $scope.events);
      $scope.alertMessage = ('Event Droped to make dayDelta ' + delta);
    };
    
    $scope.alertOnResize = function(event, delta, revertFunc, jsEvent, ui, view ){
     $scope.alertMessage = ('Event Resized to make dayDelta ' + delta);
   };

   $scope.addRemoveEventSource = function(sources,source) {
    var canAdd = 0;
    angular.forEach(sources,function(value, key){
      if(sources[key] === source){
        sources.splice(key,1);
        canAdd = 1;
      }
    });
    if(canAdd === 0){
      sources.push(source);
    }
  };

  $scope.addEvent = function() {
    $scope.events.push({
      title: 'Open Sesame',
      start: new Date(y, m, 28),
      end: new Date(y, m, 29),
      className: ['openSesame']
    });
  };

  $scope.remove = function(index) {
    $scope.events.splice(index,1);
  };

  $scope.changeView = function(view,calendar) {
    uiCalendarConfig.calendars[calendar].fullCalendar('changeView',view);
  };

  $scope.renderCalender = function(calendar) {
    if(uiCalendarConfig.calendars[calendar]){
      uiCalendarConfig.calendars[calendar].fullCalendar('render');
    }
  };

  $scope.eventRender = function( event, element, view ) { 
    element.attr({'tooltip': event.title,
     'tooltip-append-to-body': true});
    $compile(element)($scope);
  };

  $scope.uiConfig = {
    calendar:{
      height: 450,
      editable: true,
      droppable: true,
      drop: function (event, delta, revertFunc, jsEvent, ui, view) {
      },
      header:{
        right: 'month basicWeek basicDay',
        center: 'title',
        left: 'prev,next, today'
      },
      eventClick: $scope.alertOnEventClick,
      eventDrop: $scope.alertOnDrop,
      eventResize: $scope.alertOnResize,
      eventRender: $scope.eventRender
    }
  };

  $scope.addEvent = function(index) {
    //console.log('INDEX', index);
    //console.log('EVENTS', $scope.eventSources);
    //$scope.events.push($scope.eventList[index]);
  }

  $scope.eventSources = [$scope.events, $scope.eventSource, $scope.eventsF];
  $scope.eventSources2 = [$scope.calEventsExt, $scope.eventsF, $scope.events];

}]);