const CoreView = require('backbone/core-view');
const template = require('./delete-account.tpl');
const checkAndBuildOpts = require('builder/helpers/required-opts');

const REQUIRED_OPTS = [
  'modalModel',
  'userModel',
  'client'
];

/**
 *  When user wants to delete their own account
 */

module.exports = CoreView.extend({
  events: {
    'click .js-ok': '_onClickDelete',
    'click .js-cancel': '_closeDialog',
    'submit .js-form': '_closeDialog'
  },

  initialize: function (options) {
    checkAndBuildOpts(options, REQUIRED_OPTS, this);
    CoreView.prototype.initialize.apply(this);

    this._onError = options.onError;
    this._error = '';

    this._isLoading = false;
  },

  render: function () {
    this.$el.html(
      template({
        passwordNeeded: !!this._userModel.get('needs_password_confirmation'),
        isLoading: this._isLoading,
        error: this._error
      })
    );

    return this;
  },

  _onClickDelete: function (event) {
    this.killEvent(event);

    const params = {
      deletion_password_confirmation: this.$('#deletion_password_confirmation').val()
    };

    this._isLoading = true;
    this._error = '';

    this.render();

    this._client.deleteUser(params, (errors, response, data) => {
      this._isLoading = false;
      this.render();

      if (errors) {
        this._handleError(data, errors);
      } else {
        this._onSuccess(data);
      }
    });
  },

  _handleError: function (data, errors) {
    if (this._onError) {
      this._closeDialog();
      this._onError(data, errors);
    } else {
      const jsonData = data && data.responseJSON || {};

      this._error = jsonData.message;
      this.render();
    }
  },

  _setHref: function (href) {
    window.location.href = href;
  },

  _onSuccess: function (data) {
    this._setHref(data.logout_url);
    this._closeDialog();
  },

  _onFormError: function (data, errors) {
    this._onError(data, errors);
    this._closeDialog();
  },

  _closeDialog: function () {
    this._modalModel.destroy();
  }
});