View = require 'views/kinds/ModalView'
template = require 'templates/modal/wizard_settings'
WizardSprite = require 'lib/surface/WizardSprite'
ThangType = require 'models/ThangType'
{me} = require 'lib/auth'
forms = require 'lib/forms'

module.exports = class WizardSettingsModal extends View
  id: 'wizard-settings-modal'
  template: template
  closesOnClickOutside: false

  constructor: (options) ->
    @onNameChange = _.debounce(@checkNameExists, 500)
    super options

  events:
    'keyup #wizard-settings-name': 'onNameChange'
    'click #wizard-settings-done': 'onWizardSettingsDone'

  afterRender: ->
    WizardSettingsView = require 'views/account/wizard_settings_view'
    view = new WizardSettingsView()
    @insertSubView view
    super()

  checkNameExists: =>
    forms.clearFormAlerts(@$el)
    name = $('#wizard-settings-name').val()
    success = (id) =>
      forms.clearFormAlerts(@$el)
      forms.applyErrorsToForm(@$el, {property: 'name', message: 'is already taken'}) if id and id isnt me.id
    $.ajax("/db/user/#{name}/nameToID", {success: success})

  onWizardSettingsDone: ->
    me.set('name', $('#wizard-settings-name').val())
    forms.clearFormAlerts(@$el)
    res = me.validate()
    if res?
      forms.applyErrorsToForm(@$el, res)
      return

    res = me.patch()
    return unless res
    save = $('#save-button', @$el).text($.i18n.t('common.saving', defaultValue: 'Saving...'))
      .addClass('btn-info').show().removeClass('btn-danger')

    res.error =>
      errors = JSON.parse(res.responseText)
      console.warn 'Got errors saving user:', errors
      forms.applyErrorsToForm(@$el, errors)
      @disableModalInProgress(@$el)

    res.success (model, response, options) =>
      @hide()

    @enableModalInProgress(@$el)