Jaml.register('login', function() {
  form({cls: 'login', style: 'display: none', method: 'post', action: '/login'},
    div({cls: 'row'},
      label(Jaml.t("Email") + ":"),
      input({type: 'email', name: 'email', cls: 'txt'})
    ),
    div({cls: 'row password'},
      label(Jaml.t("Password") + ":"),
      input({type: 'password', name: 'password', cls: 'txt'})
    ),
    div({cls: 'stay_signed_in'},
      input({type: 'checkbox', name: 'stay_signed_in'}),
      Jaml.t("Stay signed in")
    ),
    a({cls: 'forgot', href: '#'}, Jaml.t('forgot password?')),
    input({cls: 'sub', type: 'submit', value: 'Go'})
  )
});

Jaml.register('login_error', function(error) {
  div({cls: 'error'},
    error.error
  )
});

Jaml.register('session_info', function(user) {
  if(user.data && user.data.success) {
    h1(Jaml.t("Hello") + ", ", 
      span({cls: 'user_name'}, user.data.first_name)
    ),
    span('(', a({cls: 'sign_out', href: '/logout'}, Jaml.t('Not'), span({cls: 'user_name'}, user.data.first_name), '?'), ')'),
    div({cls: 'rhs'},
      a({cls:' sign_out', href: '#'}, Jaml.t("Sign out")), "|", 
      a({cls:' edit_user', href: '#'}, Jaml.t("Edit details")), "|", 
      a({cls:' sign_in', href: '#'}, Jaml.t("Contact")), "|", 
      a({cls:' sign_in', href: '#'}, Jaml.t("Help"))
    )
  } else {
    h1("Online Takeaways"),
    div({cls: 'rhs'},
      a({cls:' sign_in', href: '#'}, Jaml.t("Sign in")), "|", 
      a({cls:' sign_in', href: '#'}, Jaml.t("Contact")), "|", 
      a({cls:' sign_in', href: '#'}, Jaml.t("Help"))
    )    
  }
})