var NewKeywordForm = FormView.extend({

  el: "#new_keyword",

  action: "/api/keyword/new",

  initialize: function(){
    this.__super__.initialize.call(this)
    var $color = this.$('[name=color]')
    Object.keys(COLORS).forEach((color) => {
      var option = document.createElement('option')
      option.value = color
      option.innerHTML = color
      $color.append(option)
    })
    $color.val(choice(Object.keys(COLORS)))
  },

  validate: function(){
    var errors = []
    var keyword = $("[name=keyword]").val().trim()
    if (! keyword || ! keyword.length) {
      errors.push("Please enter a keyword.")
    }
    if (keyword === "new") {
      errors.push("Keyword cannot be called 'new'.")
    }
    return errors.length ? errors : null
  },

  success: function(data){
    window.location.href = "/post/" + data.keyword.keyword
  }
})