$(document).ready(function () {
    $('.msg-response').hide();
    $("#callback-form").validate({
        rules: {
            callback_name: "required",
            callback_number: {
                required: true,
                accept: "[0-9]+"
            }
        },
        messages: {
            callback_name: "Required",
            callback_number: {
                required: "Required",
                accept: "Numbers only"
            }
        },
        submitHandler: function () {
            var name = $('#callback_name').val();
            var number = $('#callback_number').val();
            query = 'callback_name=' + name + '&callback_number=' + number;
            sendAjaxRequest(query);
        }
    });
});

function sendAjaxRequest(query) {
    jQuery.ajax({
        type: 'post',
        url: 'php/call.php',
        data: query,
        error: function (r) {
            console.log("Failed to submit - " + r);
        },
        success: function (r) {
            if (r == "success") {
                $('#success').fadeIn();
				$('#callback_name, #callback_number').val("").attr('disabled', true);
            } else if (r == "error") {
                $('#error').fadeIn();
            }
        }
    });
}
jQuery.validator.addMethod("accept", function (value, element, param) {
    return value.match(new RegExp("^" + param + "$"));
});