// wp-notes-feedback.js
jQuery(document).ready(function($) {
    console.log('wp-notes-feedback.js loaded');

    // Handle feedback form submission
    $('#wp-notes-feedback-form').on('submit', function(e) {
        e.preventDefault();
        var formData = $(this).serialize();

        $.ajax({
            url: wp_notes_feedback_vars.ajax_url,
            type: 'POST',
            data: formData + '&action=wp_notes_submit_feedback&nonce=' + wp_notes_feedback_vars.nonce,
            success: function(response) {
                if (response.success) {
                    alert(response.data);
                    $('#wp-notes-feedback-form')[0].reset();
                    $('#feedback-form-improve').hide();
                } else {
                    alert('Error: ' + (response.data || 'Unknown error occurred'));
                }
            },
            error: function(xhr, status, error) {
                alert('Server error: ' + error);
            }
        });
    });

    // Handle help form submission
    $('#wp-notes-help-form').on('submit', function(e) {
        e.preventDefault();
        var formData = $(this).serialize();

        $.ajax({
            url: wp_notes_feedback_vars.ajax_url,
            type: 'POST',
            data: formData + '&action=wp_notes_submit_help&nonce=' + wp_notes_feedback_vars.nonce,
            success: function(response) {
                if (response.success) {
                    alert(response.data);
                    $('#wp-notes-help-form')[0].reset();
                    $('#feedback-form-help').hide();
                } else {
                    alert('Error: ' + (response.data || 'Unknown error occurred'));
                }
            },
            error: function(xhr, status, error) {
                alert('Server error: ' + error);
            }
        });
    });

    // Function to toggle the display of a section
    function toggleSection(sectionId) {
        var section = document.getElementById(sectionId);
        if (section) {
            if (section.style.display === "none") {
                section.style.display = "block";
            } else {
                section.style.display = "none";
            }
        } else {
            console.error("Element with ID " + sectionId + " not found.");
        }
    }
});