module.exports =
  function FatalMessageServiceFactory($modal, $location, $route, $interval,
    StateClassesService, $timeout) {
    var FatalMessageService = {}

    var intervalDeviceInfo

    var ModalInstanceCtrl = function ($scope, $modalInstance, device,
      tryToReconnect) {
      $scope.ok = function () {
        $modalInstance.close(true)
        $route.reload()
        //$location.path('/control/' + device.serial)
      }

      function update() {
        $scope.device = device
        $scope.stateColor = StateClassesService.stateButton(device.state)
      }

      update()

      // TODO: remove this please
      intervalDeviceInfo = $interval(update, 750)

      if (tryToReconnect) {
        // TODO: this is ugly, find why its not updated correctly (also on the device list)
        intervalDeviceInfo = $interval(function () {
          update()

          if (device.usable) {
            // Try to reconnect
            $scope.ok()
          }
        }, 1000, 500)
      }

      $scope.second = function () {
        $modalInstance.dismiss()
        $location.path('/devices/')
      }

      $scope.cancel = function () {
        $modalInstance.dismiss('cancel')
      }

      var destroyInterval = function () {
        if (angular.isDefined(intervalDeviceInfo)) {
          $interval.cancel(intervalDeviceInfo)
          intervalDeviceInfo = undefined
        }
      }

      $scope.$on('$destroy', function () {
        destroyInterval()
      })
    }

    FatalMessageService.open = function (device, tryToReconnect) {
      var modalInstance = $modal.open({
        template: require('./fatal-message.jade'),
        controller: ModalInstanceCtrl,
        resolve: {
          device: function () {
            return device
          },
          tryToReconnect: function () {
            return tryToReconnect
          }
        }
      })

      modalInstance.result.then(function () {
      }, function () {

      })
    }


    return FatalMessageService
  }