tc = pimatic.tryCatch

$(document).ready( tc (event) ->

  class LogiViewModel
    showLoginDialog: ->
      @redirectPage = $.mobile.activePage?.attr("id") or 'index'
      if @redirectPage is 'login-page'
        @redirectPage = 'index'
      pimatic.socket.io.disconnect()
      jQuery.mobile.changePage '#login-page', transition: 'flip'

    hideLoginDialog: ->
      activePage = $.mobile.activePage?.attr("id") or 'index'
      if activePage is 'login-page'
        jQuery.mobile.changePage(
          '#' + (@redirectPage or 'index'), 
          transition: 'flip'
        )
  pimatic.pages.login = loginPage = new LogiViewModel()

)

$(document).on("pagebeforeshow", '#login-page', (event) ->
  if pimatic.socket.io?.connected? and pimatic.socket.io?.connected?.length isnt 0
    pimatic.pages.login.hideLoginDialog()
    return false
  return true
)

$(document).on("pageshow", '#login-page', (event) ->
  $('#loginForm  #firstName').focus()
)

$(document).on("submit", '#login-page #loginForm', tc (event) -> 
  rememberMe = $("#loginForm #rememberMe").val()
  pimatic.loading("socket", "show", {
    text: __("Logging in")
    blocking: yes
  })
  $.ajax({
    type: "POST"
    url: '/login'
    data: $("#loginForm").serialize()
    global: false
  }).done( (result)->
    pimatic.loading("socket", "show", {
      text: __("Connecting")
      blocking: yes
    })
    setTimeout( ( ->
      pimatic.rememberme(result.rememberMe)
      pimatic.socket.io.reconnection(yes)
      pimatic.socket.io.connect()
    ), 1)
  )
  .fail( => pimatic.loading("socket", "hide"))
  .fail(ajaxAlertFail)
  event.preventDefault()
  return false
)