var React = require('react');
var soap = require('soap');
var url = 'http://XXXX/wsdl?wsdl'


var Example = React.createClass({
    onSubmit : function(e) {
         e.preventDefault();
         var username = this.refs.username.value;
         var password = this.refs.password.value;

         var args = {
            loginInformation: {
                UserName: username,
                UserPassword: password
            }
        };

         soap.createClient(url, function(err, client) {
          client.Connection(args, function(err, result) {
             console.log(result);
             //DO SOMETHING WITH SOAP-RESPONSE, WHICH IS SAVED AS A JAVASCRIPT OBJECT IN RESULT//
  });
});
     },

    render: function() {
       return(
              <div>
                 <h1>Login</h1>
                 <form ref="form" onSubmit={this.onSubmit} className="login-form">
                    <input type="text" ref="username" placeholder="Enter Username"/>
                    <input type="text" ref="password" placeholder="Enter Password"/>
                    <button>Start</button>
                 </form>
              </div>
             )
            }
         });