window.zooniverse ?= {}
window.zooniverse.controllers ?= {}
window.zooniverse.views ?= {}
window.zooniverse.models ?= {}

BaseController = zooniverse.controllers.BaseController || require './base-controller'
template = zooniverse.views.loginForm || require '../views/login-form'
Api = zooniverse.Api || require '../lib/api'
User = zooniverse.models.User || require '../models/user'
translate = zooniverse.translate || require '../lib/translate'
signupDialog = zooniverse.controllers.signupDialog || require './signup-dialog'

class LoginForm extends BaseController
  tagName: 'form'
  className: 'zooniverse-login-form'
  template: template

  events:
    'submit*': 'onSubmit'
    'click* button[name="sign-up"]': 'onClickSignUp'
    'click* button[name="sign-out"]': 'onClickSignOut'

  elements:
    'input[name="username"]': 'usernameInput'
    'input[name="password"]': 'passwordInput'
    'button[type="submit"]': 'signInButton'
    'button[name="sign-out"]': 'signOutButton'
    '.error-message': 'errorContainer'

  constructor: ->
    super

    User.on 'change', =>
      @onUserChange arguments...

  onSubmit: ->
    @el.addClass 'loading'
    @signInButton.attr disabled: true

    login = User.login
      username: @usernameInput.val()
      password: @passwordInput.val()

    login.done ({success, message}) =>
      unless success
        @showError message

    login.fail =>
      @showError translate 'signInFailed'

    login.always =>
      @el.removeClass 'loading'
      setTimeout => @signInButton.attr disabled: User.current?

  onClickSignUp: ->
    signupDialog.show()

  onClickSignOut: ->
    @signOutButton.attr disabled: true
    User.logout()

  onUserChange: (e, user) ->
    @usernameInput.val user?.name || ''
    @passwordInput.val user?.api_key || '' # Just for the dots.
    @errorContainer.html ''

    @usernameInput.attr disabled: User.current?
    @passwordInput.attr disabled: User.current?
    @signInButton.attr disabled: User.current?
    @signOutButton.attr disabled: not User.current?

  showError: (message) ->
    @errorContainer.html message

window.zooniverse.controllers.LoginForm = LoginForm
module?.exports = LoginForm