import { browserHistory } from 'react-router';
import { getInputValue } from './get-input-value';

let component;

const _getUserData = () => {
  return {
    email: getInputValue( component, 'emailAddress', true ),
    password: getInputValue( component, 'password', true ),
    profile: {
      name: {
        first: getInputValue( component, 'firstName', true ),
        last: getInputValue( component, 'lastName', true )
      }
    }
  };
};

const _handleSignup = () => {
  const user = _getUserData();

  Accounts.createUser( user, ( error ) => {
    if ( error ) {
      Bert.alert( error.reason, 'danger' );
    } else {
      browserHistory.push( '/' );
      Bert.alert( 'Welcome!', 'success' );
    }
  });
};

const _validate = () => {
  $( component.refs.signup ).validate({
    rules: {
      firstName: {
        required: true
      },
      lastName: {
        required: true
      },
      emailAddress: {
        required: true,
        email: true
      },
      password: {
        required: true,
        minlength: 6
      }
    },
    messages: {
      firstName: {
        required: 'First name?'
      },
      lastName: {
        required: 'Last name?'
      },
      emailAddress: {
        required: 'Need an email address here.',
        email: 'Is this email address legit?'
      },
      password: {
        required: 'Need a password here.',
        minlength: 'Use at least six characters, please.'
      }
    },
    submitHandler() { _handleSignup(); }
  });
};

export const handleSignup = ( options ) => {
  component = options.component;
  _validate();
};