// Execute JavaScript on page load
$(function() {
    // Initialize phone number text input plugin
    $('#phoneNumber').intlTelInput({
        responsiveDropdown: true,
        autoFormat: true,
        utilsScript: '/static/js/libphonenumber/src/utils.js'
    });

    // Intercept form submission and submit the form with ajax
    $('#contactForm').on('submit', function(e) {
        // Prevent submit event from bubbling and automatically 
        // submitting the form
        e.preventDefault();

        // Call our ajax endpoint on the server to initialize the 
        // phone call
        $.ajax({
            url: '/call',
            method: 'POST',
            dataType: 'json',
            data: {
                phoneNumber: $('#phoneNumber').val(),
                email: $('#email').val(),
                lastName: $('#lastName').val(),
                firstName: $('#firstName').val()
            }
        }).done(function(data) {
            // The JSON sent back from the server will contain 
            // a success message
            alert(data.message);
        }).fail(function(error) {
            alert(JSON.stringify(error));
        });
    });
});