jQuery(document).ready(function ($) {
    $('#contact-form').parsley();

    $('#contact-form').on('submit', function (e) {
        e.preventDefault();

        if ($(this).parsley().isValid()) {
            var formData = $(this).serialize();

            $.ajax({
                type: 'POST',
                url: ajax_object.ajax_url,
                data: {
                    action: 'send_contact_email',
                    form_data: formData
                },
                beforeSend: function () {
                    $('.submit').prop('disabled', true).text('Submitting...');
                },
                success: function (response) {
                    if (response.success) {
                        $('#form-response').html('<div class="success-msg">Message Sent Successfully!</div>');
                        $('#contact-form')[0].reset();
                    } else {
                        $('#form-response').html('<div class="error-msg">' + response.data + '</div>');
                    }
                },
                complete: function () {
                    $('.submit').prop('disabled', false).text('Submit');
                }
            });
        }
    });
});