import _                                  from 'lodash';
import { Meteor }                         from 'meteor/meteor';
import { SimpleSchema }                   from 'meteor/aldeed:simple-schema';
import { Bert }                           from 'meteor/themeteorchef:bert';

import React                              from 'react';
import { Container, Row, Col }            from 'reactstrap';
import { Link }                           from 'react-router';
import { If, Case }                       from '/imports/client/components/Logic';

import { LoginPane }                      from '/imports/client/views/org/enter/LoginPane';
import { ForgotPane }                     from '/imports/client/views/org/enter/ForgotPane';
import { ResetPane }                      from '/imports/client/views/org/enter/ResetPane';
import  Validation                        from '/imports/validation/validationMethods';

// const signupSchemaValidator = new SimpleSchema({
//   email:      { type: String, regEx: SimpleSchema.RegEx.Email},
//   firstName:  { type: String, },
//   lastName:   { type: String, },
//   password:   { type: String, min: 6},
// }).validator();

let validation = new Validation();

export class EnterLayout extends React.Component {


  constructor(props) {
    super(props);
    this.state = {
      email:        '',
      password:     '',
      firstName:    '',
      lastName:     '',
      orgName:      '',
      loading:      false,
      error:        '',
      message:      '',
    };
    this.onClearState = this.onClearState.bind(this);
  };

  componentWillReceiveProps(nextProps) {
    console.log(this.props.pane);
    console.log("this.props.pane");
    if(this.props.pane !== nextProps.pane) {
      this.onClearState();
    }
  };


  onClearState(loading) {
    this.setState({
      loading: loading || false,
      error:   '',
      message: '',
    });
  };

  onUpdate(key, value) {
    this.setState({[key]: value});
  };

  onForgot(e) {
    e.preventDefault();
    this.onClearState(true);

    Accounts.forgotPassword({email: this.state.email || '...'}, (error) => {
      this.onClearState();
      if(error) {
        this.setState({error: 'An error occured.'});
      } else {
        this.setState({message: 'Reset email has been sent. Check your inbox.'});
      }
    });
  };

  onReset(e) {
    e.preventDefault();
    this.onClearState(true);
    if(!validation.passwordValidation(this.state.password)){
      Bert.alert('Password must be a minimum of 6 characters in length.', 'danger');
      this.onClearState();
      return false;
    }else if(!validation.noQwertysAllowed(this.state.password)){
      Bert.alert('No qwertys allowed!', 'danger');
      this.onClearState();
      return false;
    } else{
      Accounts.resetPassword(
        this.props.location.query.token,
        this.state.password,
        (error) => {
          this.onClearState();
          if(error) {
            this.setState({error: 'An error occured.'});
          }
        }
      );
    }
  };

  onLogin(e) {
    const self = this;
    e.preventDefault();
    const email = this.state.email;
    const password = this.state.password;
    this.onClearState(true);
    if(email.trim() == '' || !validation.validateEmail(this.state.email)){
      this.onClearState();
      Bert.alert('Please enter a valid email address!', 'danger');
      return false;
    }
    if(password.trim() == ''){
      Bert.alert('Please enter your password!', 'danger');
      this.onClearState();
      return false;
    }
    Meteor.call('checkEmailInOrg', {email:email,orgId:Session.get('orgId')}, function (error, result) {
      if(result.success){
        Meteor.loginWithPassword(
          email,
          password,
          (e, r) => {
            self.onClearState();
            if(e) {
              self.setState({error: 'Wrong password.'})
            }
          }
        );
      }else{
        Bert.alert('This email is not associated to this Organisation!', 'danger');
        self.onClearState();
      }

   });
  };

  render() {
    return (
      <div className = "enterLayout__content--bg">
        <Container>
            <Row>
            <Case
                switch = {this.props.pane}
                case0 = "forgot"
                then0 = {() => (
                <ForgotPane
                    data          = {this.state}
                    location      = {this.props.location}
                    onUpdate      = {(...a) => this.onUpdate(...a)}
                    onForgot      = {(...a) => this.onForgot(...a)}
                />
                )}
                case1 = "reset"
                then1 = {() => (
                <ResetPane
                    data          = {this.state}
                    location      = {this.props.location}
                    onUpdate      = {(...a) => this.onUpdate(...a)}
                    onReset       = {(...a) => this.onReset(...a)}
                />
                )}
                else = {() => (
                <LoginPane
                    data          = {this.state}
                    location      = {this.props.location}
                    onUpdate      = {(...a) => this.onUpdate(...a)}
                    onLogin       = {(...a) => this.onLogin(...a)}
                />
                )}
            />
            </Row>
        </Container>
      </div>
    );
  };
};