var React = require("react");

module.exports = class UserForm extends React.Component {
	constructor(props) {
		super(props);
		this.state = { username: "", password: ""};
		this.createUser = this.createUser.bind(this);
	}

	createUser(event) {
		console.log("createUser");
		event.preventDefault();
		var user = { "name": "testMCL", "image": "https://www.smashingmagazine.com/wp-content/uploads/2015/06/10-dithering-opt.jpg", "password": "testmdp"};
		var userJson = JSON.stringify(user);
		fetch("http://tpiut2017.cleverapps.io/join", {
			method: "POST",
			body: userJson,
			headers: {
				"Content-Length": userJson.length,
				"Content-type": "application/json"
			}
		}).then(function(response) {
			console.log(response);
		});
	}

	render() {
		return (
			<form onSubmit={this.createUser}>
				<label>Nom</label>
				<input name="name"/>
				<label>Mot de passe</label>
				<input type="password"/>
				<input type="submit" value="Enregistrer"/>
			</form>
		);
	}
}