import React, { Component } from "react";
import cookie from 'react-cookies';
class LoginFailed extends Component {
  constructor(props) {
    super(props);
    if (
      localStorage.getItem("current_state") !== "login_failed")  {
        this.props.history.push("/menu_page");
      }
    this.state = {
      email: "",
      open: false,
      alertmsg: "",
      is_login: false,
      login: "",
      loader: false,
      nocontest: false,
      email:localStorage.getItem("login_failed_email")
    };
  }
  render() {
    return (
     <div className="bcd_header_div_margin"> 
      <div className="allpages_desktop_boxes_div setrelation_header_div phoneno_three_header_div">
        <div className="background-images">
          <div className="background_color">
           <div className="email_exist_upr">  

             <div className="email_exist">
                <p> The email address </p>
                <div> <label>{this.state.email}</label> </div>
                <p> is not in our system. </p>
                <div className="clk_here"> <a onClick={()=>{localStorage.setItem("current_state", "login"); this.props.history.push("/login")}}> Click here to try again </a> </div>
             </div> 

             <div className="nw_familyOne">
              <p> New to family.one? </p>
              <p>  Create your account </p>
              <input  onClick={()=>{localStorage.setItem("current_state", "signup"); this.props.history.push("/signup_step-1")}} type="button" value="Sign up" />
             </div>      
        
           </div>

          </div>
        </div>
      </div>
     </div> 
    );
  }
}
const styles = {
    
}


export default LoginFailed;
