import { browserHistory } from 'react-router';

let component;

const _handleLogin = () => {
  // <Input /> component value is accessed via nested refs.
  const email    = component.refs.emailAddress.refs.input.value,
        password = component.refs.password.value;

  Meteor.loginWithPassword( email, password, ( error ) => {
    if ( error ) {
      Bert.alert( error.reason, 'warning' );
    } else {
      browserHistory.push( '/' );
      Bert.alert( 'Logged in!', 'success' );
    }
  });
};

const _validate = () => {
  $( component.refs.login ).validate({
    rules: {
      emailAddress: {
        required: true,
        email: true
      },
      password: {
        required: true
      }
    },
    messages: {
      emailAddress: {
        required: 'Need an email address here.',
        email: 'Is this email address legit?'
      },
      password: {
        required: 'Need a password here.'
      }
    },
    submitHandler() { _handleLogin(); }
  });
};

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