window.addEventListener( "load", function () {
    function sendData(inputArray) {
        const XHR = new XMLHttpRequest();

        // Bind the FormData object and the form element
        const FD = new FormData( form );
        
        // Define what happens on successful data submission
        XHR.addEventListener( "load", function(event) {
            alert( event.target.responseText );
        } );

        // Define what happens in case of error
        XHR.addEventListener( "error", function( event ) {
            alert( 'Oops! Something went wrong.' );
        });

        // Set up our request
        XHR.open( "POST", "http://10.1.100.17:8080/api/adduser" );
       
        //Add the required HTTP header for form data POST requests
        XHR.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );

        let sendData = JSON.stringify({username: inputArray[0], fullname: inputArray[1]});

        // The data sent is what the user provided in the form
        XHR.send( sendData );
    }

    const form = document.getElementById("configure");
    const form_username = form.elements["username"];
    const form_server = form.elements["server"];
    const form_fullname = form.elements["fullname"];

    let username = form_username.value;
    let server = form_server.value;

    form.addEventListener('submit', (event) => {
        event.preventDefault();
        console.log("|--- Popup.html received input. Username: ", form_username.value, " and server: ", form_server.value);
        alert("Received new settings.\n\nUsername: " + form_username.value + " \nServer: " + form_server.value);
        form_array = [form_username.value, form_fullname.value]
        sendData(form_array)
    });

}); // End windowListener