jQuery(document).ready(function ($) {
    $('.form-sec').parsley(); // Initialize Parsley.js on the form

    $('.form-sec').on('submit', function (e) {
        e.preventDefault(); // Prevent default form submission

        // Validate the form using Parsley.js
        if ($(this).parsley().isValid()) {
            // Collect form data
            var formData = {
                action: 'submit_contact_form', // WordPress AJAX action
                firstName: $('#firstName').val(),
                lastName: $('#lastName').val(),
                email: $('#email').val(),
                phone: $('#phone').val(),
                message: $('#message').val(),
            };
            $('.submit-btn').prop('disabled', true).text('Sending...');
            // AJAX request
            $.ajax({
                url: ajaxurl, // WordPress AJAX handler URL
                type: 'POST',
                data: formData,
                success: function (response) {
                    $('#successAlert').text(response.data || 'Thank you for contacting us!').show();
                    $('.form-sec')[0].reset(); // Reset form fields
                        setTimeout(function() {
                            $('#successAlert').fadeOut(); // Use fadeOut for a smooth disappearance
                        }, 2000);
                        $('.submit-btn').prop('disabled', false).text('Send Message');
                },
                error: function () {
                    alert('An error occurred. Please try again.'); // Show error message
                },
            });
        }
    });
});