/* eslint-disable no-undef */

  import { browserHistory }                 from 'react-router';
  import { Accounts }                       from 'meteor/accounts-base';
  import { Bert }                           from 'meteor/themeteorchef:bert';
  import { Loading }                        from '/imports/client/components/Loading';

  import                                         '/imports/client/components/validation';

  import { Orgs }                           from '/imports/collections/orgs/index';

  
  let component;

  const getUserData = () => ({

    email: document.querySelector('[name="emailAddress"]').value,
    password: document.querySelector('[name="password"]').value,

    orgSlug: document.querySelector('[name="orgSlug"]').value,
    orgName: document.querySelector('[name="orgName"]').value,

    profile: {
      name: {

        first: document.querySelector('[name="firstName"]').value,
        last: document.querySelector('[name="lastName"]').value,

      },
    },
  });

  const signup = () => {

    const user = getUserData();

    Accounts.createUser(user, (error) => {
      if (error) {
        Bert.alert(error.reason, 'danger');

      } else {

        browserHistory.push('/');
        Bert.alert('Welcome!', 'success');

      }
    });
  };

  $.validator.addMethod(
      "uniqueSlug",
      function(value, element) {
        slug = Orgs.find({slug:value}).fetch();

        if(slug.length>0){
          return false;
        }else{
          return true
        }
      },
      "Name is Already Taken"
  );

  const validate = () => {

    $(component.signupForm).validate({

      rules: {

        orgSlug: {
          required: true,
          uniqueSlug: true
        },

        firstName: {

          required: true,

        },
        lastName: {

          required: true,

        },
        emailAddress: {
          required: true,

          email: true,

        },
        password: {
          required: true,

          minlength: 6,
        },

      },
      messages: {

        orgSlug: {
          required: 'Choose your school url',
          uniqueSlug: 'This has already been taken!'
        },

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

    });
  };

  export default function handleSignup(options) {

    component = options.component;

    validate();

  }