$(document).ready(function() {
    // USERNAME VALIDATION LISTENER

    $("#regUsername").change(checkName);
}

function checkName() {
    $.ajax({
        type: "POST",
        url: "./ajax_register.php",
        data: {
            request: "nameAvail",
            username: $("#regUsername").val()
        },
        success: function(data) { // execute on success
            var json = jQuery.parseJSON(data);

            if (json.success) { // if usernames do match
                $("#usernameAvailiability").removeClass().addClass('match');
                $("#usernameAvailiability").text(json.msg);
            } else { // if the user has failed to match names
                $("#usernameAvailiability").removeClass().addClass('nomatch');
                $("#usernameAvailiability").text(json.msg);
            }
        }
    });
}

if(!isset($_POST['request'])) { // do nothing if no request was provided
    print("no request provided");
} else { //ELSE request has been provided
    if ($_POST['request'] == "nameAvail") { // if the request is to check if the username is valid
    $response = array("success" => false, "msg" => " ", "request" => "nameAvail");

    // CHECK USER NAME AVAILIABILITY CODE

    if (!isset($_POST['username']) || empty($_POST['username'])) { // if no username is entered
        $response['success'] = false;
        $response['msg'] = "No username provided";
    } else { // if a username has been entered
        $username = $dbConn->real_escape_string($_POST['username']);

        if (!ctype_alnum($username)) { // Make sure it's alpha/numeric
            $response['success'] = false;
            $response['msg'] = "username may only contain alpha numeric characters";
        } elseif (strlen($username) < 4) { // make sure it's greater than 3 characters
            $response['success'] = false;
            $response['msg'] = "username must be at least 4 characters long.";
        } elseif (strlen($username) > 20) { // make sure it's less than 26 characters
            $response['success'] = false;
            $response['msg'] = "username can be up to 20 characters long.";
        } else { // make sure it's not already in use
            $query = $dbConn->query("SELECT `id`, `username` FROM `users` WHERE `username` = '"
                    . $username . "' LIMIT 1");

            if ($query->num_rows) { // if the query returned a row, the username is taken
                $response['success'] = false;
                $response['msg'] = "That username is already taken.";
            } else { // No one has that username!
                $response['success'] = true;
                $response['msg'] = "That username is availiable!";
            }
        }
    }
    print(json_encode($response));
}

function register() {
    if ( NEED SOME KIND OF CLAUSE HERE TO CHECK IF ALL THE FIELDS ARE VALID) {

    $.ajax({
        type: "POST",
        url: "./ajax_register.php",
        data: {
            request: "register",
            username: $("#regUsername").val(),
            password: $("#regPassword").val(),
            email: $("#email").val(),
            dob: $("#dob").val(),
            sQuest: $("#securityQuestion").val(),
            sAns: $("#securityAnswer").val(),
            ref: $("#referred").val()
        }, success: function(data) {
            var json = jQuery.parseJSON(data);
            console.log(json);

            $("#regValid").removeClass();
            $("#regValid").text("");
        }
    }); //AJAX req done

} else {
    $("#regValid").removeClass().addClass('nomatch');
    $("#regValid").text("One or more fields are not entered correctly");
}
return false;// so that it wont submit form / refresh page
}