import { withCookies, Cookies } from 'react-cookie';
import { instanceOf } from 'prop-types';

static propTypes = {
   cookies: instanceOf(Cookies).isRequired
};

//get user signin or signout
    componentWillMount() {
        const { cookies } = this.props;
        firebase.auth().onAuthStateChanged(user => {
          if (user) {
            this.props.authState({
                uId:user.uid,
                uEmail:user.email,
                isLoggedIn: true,
            });
            this.setState({
                isLoggedIn:true,
            });
            cookies.set('uid', user.uid, { path: '/' }); // add parameter: expires(ABSOLUTE DATE)
            console.log("Login successful");
          } else {
                this.props.authState({
                    uId:'',
                    uEmail:'',
                    isLoggedIn: false,
                });
                this.setState({
                    isLoggedIn:false,
                });
                cookies.remove('uid', {path:'/'});
              }
        });
    }

    // for user signup
    signup = () => {
        let mainComp = this;
        let email = document.getElementById("emailSignup").value;
        let password = document.getElementById("passwordSignup").value;
        firebase.auth().createUserWithEmailAndPassword(email, password)
        .then(user => {
            firebase.auth().currentUser.sendEmailVerification().then(function() {
                console.log("Verification email has been sent");
            }).catch(function(error) {
                console.log("Error during sending verification email");
            });

            console.log('Signup successful. Please check your email');
        })
        .catch(function(error) {
            var errorCode = error.code;
            var errorMessage = error.message;
            console.log('An error has occured during signup');
            if (errorCode)
                console.log(errorCode);
            else if (errorMessage)
                console.log(errorMessage);
                mainComp.setState({
                    errorMsg: errorMessage,
                })
        });
    }

    // for user login
    login = () => {
        let mainComp = this;
        let email = document.getElementById("email").value;
        let password = document.getElementById("password").value;
        firebase.auth().signInWithEmailAndPassword(email, password)
        .catch(function(error) {
            var errorCode = error.code;
            var errorMessage = error.message;
            console.log('An error has occured during login');
            if (errorCode) {
                console.log(errorMessage);
            }

            else if (errorMessage)
                console.log(errorMessage);
                mainComp.setState({
                    errorMsg: errorMessage,
                })
        });
    }

    // for user logout
    logout = () => {
        firebase.auth().signOut()
        .then(() => {
            console.log("Log out successful");
            console.log(this.state);
        })
        .catch(function(error) {
            var errorCode = error.code;
            var errorMessage = error.message;
            console.log("An error occuered during logout");
            if (errorCode)
                console.log(errorCode);
            else if (errorMessage)
                console.log(errorMessage);
        });
    }