import $ from 'jquery';
import 'jquery-validation';
import { browserHistory } from 'react-router';
import { Meteor } from 'meteor/meteor';
import { Bert } from 'meteor/themeteorchef:bert';
import { getInputValue } from './get-input-value';

let component;

const login = () => {
  const email = getInputValue(component.refs.emailAddress);
  const password = getInputValue(component.refs.password);

  Meteor.call('checkEmailVerification', email, ( error, data ) => {
    if ( error ) {
      Bert.alert( error.reason, 'danger' );
    }
    else {
      if ( data == "verified" ) {
        Meteor.loginWithPassword(email, password, (error) => {
          if ( error ) {
            Bert.alert(error.reason, 'warning');
          } else {
            Bert.alert('Logged in!', 'success');

            const { location } = component.props;
            if (location.state && location.state.nextPathname) {
              browserHistory.push(location.state.nextPathname);
            } else {
              browserHistory.push('/');
            }
          }
        });
      } else if ( data == "unverified" ){
          Bert.alert("Check your email for a verification link");
      } else {
          Bert.alert("Either email or password is incorrect");
      }
    }
  });
};

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() { login(); },
  });
};

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