var SignupView = SerializableView.extend({
  
  el: "#signup",
  
  events: {
    "submit form": "save",
  },
  
  initialize: function(){
    this.$form = this.$("form")
    this.$msg = this.$(".msg")
  },
  
  show: function(){
    app.footer.show("SUBMIT", "CANCEL")
    this.$form.get(0).reset()
    this.$msg.html("* Your personal and payment information will always remain private")
    document.body.className = "signup"
  },

  validate: function(data){
    var errors = []
    if (! data.Name) { errors.push("Please enter your first name.") }
    if (! data.Surname) { errors.push("Please enter your last name.") }
    if (! data.Email) { errors.push("Please enter a valid email address.") }
    if (! data.Password) { errors.push("Please enter your password.") }
    if (! data.Password2) { errors.push("Please enter your password again.") }
    if (data.Password !== data.Password2) { errors.push("Passwords don't match.") }
    if (! data.DataProfiling) { errors.push("You must agree to share your data.") }
    return errors
  },

  save: function(e){
    e && e.preventDefault()
  },
  
  success: function(){
    // change login in ui to logout or whatever
  },

/*
  var new_user_data = {
    "Email": "testit.account" + Math.floor(Math.random() * 10000000) + "@yoox.com",
    "Password": "TestPassword",
    "Gender": "M",
    "Name": "TestName",
    "Surname": "TestSurname",
    "DataProfiling": true,
  }
*/

})