import React, { Component } from "react";
import moment from 'moment';
import { getImageUrl } from 'educoder';
import '../courses/css/members.css';
import "../courses/common/formCommon.css";
import '../courses/css/Courses.css';
import beijintulogontwo from '../../../src/images/login/beijintulogontwo.png';
import educodernet from '../../../src/images/login/logo.png';
import LoginRegisterComponent from '../user/LoginRegisterComponent';
import FindPasswordComponent from '../user/FindPasswordComponent';
//educoder登入页面

var newContainer={
    background: `url(${beijintulogontwo})`,
    backgroundPosition: "center" ,
    backgroundRepeat: "no-repeat",
    backgroundAttachment: "fixed",
    backgroundSize: "100% 100%",
    height:" 100%",
    width:" 100%",
    position: "absolute",
    top: "0px",
    bottom: "0px",
     minHeight: "100%",
    paddingTop: "40px",

}
class EducoderLogin extends Component {
    constructor(props) {
        super(props);
        if(  props.match.url === "/changepassword" ){
            this.state = {
                showbool: 3,
                logini:3,
                namezh:"",
                passmm:"",
                loginstatus:true,
            }
        }else {
            if(props.match.url === "/login"){
                this.state = {
                    showbool: 1,
                    loginstatus:true,
                    logini:1,
                    namezh:"",
                    passmm:""

                }
            }else if(props.match.url === "/register"){
                // showbool: 1,
                  this.state = {
                    showbool: 1,
                    loginstatus:false,
                    logini:2,
                    namezh:"",
                    passmm:""
                }
            }else{
                this.state = {
                    showbool: 1,
                    logini:1,
                    namezh:"",
                    passmm:"",
                    loginstatus:true,
                }
            }

        }

    }

    Setlogins=(i)=>{
        console.log("96ye");
        console.log(i)
        this.setState({
            logini:i
        })

    }
    gohome=()=>{
        window.location.href="/"
    }
    Setshowbool = (e,name,pass) => {
        if (e===1) {
            this.setState({
                showbool: 1
            })
        } else if(e===3){
            this.setState({
                showbool: 3
            })
        }
    }


    render() {
        let { showbool } = this.state;
        const { settings } = this.props;
        return (
            <div style={newContainer} className=" clearfix" >
                <div style={{"justify-content": "center","align-items": "center","width": "100%",textAlign:"center"}}>
                    <div style={{cursor:"pointer"}}>
                        {
                            settings && settings.login_logo_url ?
                            <img style={{cursor:"pointer"}} alt="" onClick={()=>this.gohome()} width="80px" src={getImageUrl(settings.login_logo_url)}/>
                            :
                            <img style={{cursor:"pointer"}} alt="" onClick={()=>this.gohome()} src={educodernet} width="80px"/>
                        }
                    </div>
                    {
                        showbool === 1 ?
                        <div style={{
                            display: "flex",
                            justifyContent: "center",
                            width: "100%",
                            marginTop: "25px",
                        }}>
                            <div>
                                <LoginRegisterComponent {...this.props} {...this.state} Setshowbool={(e)=>this.Setshowbool(e)} ></LoginRegisterComponent>
                            </div>
                        </div>
                        :
                        <div style={{display: "flex",justifyContent: "center",width: "100%",marginTop: "25px",}}>
                            <div>
                                <FindPasswordComponent {...this.props} {...this.state} Setshowbool={(e)=>this.Setshowbool(e)}></FindPasswordComponent>
                            </div>
                        </div>
                    }
                    <div className="font-14 color-grey-9 " style={{marginTop:"20px"}}><span className="font-18">©</span>&nbsp;{moment().year()}&nbsp;EduCoder<span className="ml15 mr15">湘ICP备17009477号</span><a href="https://team.trustie.net" style={{"color":"#888"}} target="_blank">Trustie</a>&nbsp;&nbsp;&nbsp;&amp;&nbsp;&nbsp;&nbsp;IntelliDE inside.</div>
                </div>
            </div>
        )
    }

}
export default  EducoderLogin ;
// showbool === 2 ?
//   <div style={{
//       display: "flex",
//       justifyContent: "center",
//       width: "100%",
//       height: "630px",
//       marginTop: "44px",
//   }}>
//       <InterestpageComponent {...this.props} {...this.state}>
//       </InterestpageComponent>
//   </div>
//   :
