class App extends React.Component {

    state = {
        idLogged: false,
        data: []
    }

    testClick = () => {
        var ajaxdata = {Id: 1, Name: "juan", Password: "12345"};

        console.log(ajaxdata);
        $.ajax({
            type: "POST",
            // TODO zmienić ścieżki statyczne v
            url: '/Home/Login',
            data: {user:ajaxdata},

            success: function (result) {
                console.log(result);
                ReactDOM.render(result.message, document.getElementById('content'));
            },

            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown);
            },
        });


    }


    // TODO ajax








        /*
        const request = new XMLHttpRequest();
        request.open('post', "users/login", true);
        request.send(data);
        */


    handleUserSubmit = (user) => {
        const data = new FormData();
        data.append('name', user.name);
        data.append('password', user.password);

        const request = new XMLHttpRequest();
        request.open('post', "users/new", true);
        //   request.onload = () => this.loadUsersFromServer();
        request.send(data);
    }


    ChangeViewToLogin = () => {
        if (this.state.idLogged === false) {
            ReactDOM.render(
                <LoginForm onUserSubmit={this.handleUserLogin2} />,
                document.getElementById('mainView')
            );
        } else {
            ReactDOM.render(
                <LoggedUser />,
                document.getElementById('mainView')
            );
        }
    }

    ChangeViewToUsers = () => {
        ReactDOM.render(
            <Users url="/users" />,
            document.getElementById('mainView')
        );
    }

    ChangeViewToRegister = () => {
        ReactDOM.render(
            <RegisterForm onUserSubmit={this.handleUserSubmit} />,
            document.getElementById('mainView')
        );
    }






    render() {
        return (
            <div>
                <CustomButton id="0" desc="Login form" click={this.ChangeViewToLogin} />
                <CustomButton id="1" desc="Users" click={this.ChangeViewToUsers} />
                <CustomButton id="2" desc="Add user" click={this.ChangeViewToRegister} />
                <div id="mainView"> <LoginForm onUserSubmit={this.handleUserLogin} url="/users" submitUrl="login" /> </div>
                <button id="btn1" onClick={this.testClick}>TEST</button>
            </div>
        );
    }
}

ReactDOM.render(
    <App />,
    document.getElementById('content')
);