jQuery(document).ready(function ($) {
    $('#fix-dns-issues-button').on('click', function (e) {
        e.preventDefault();

        // const postId = $('#post_ID').val();
        const postId = rlMailWarmerDnsFix.post_id;

        $('#dns-issues-fix-result').html('<p>Fixing DNS issues...</p>');

        $.ajax({
            url: rlMailWarmerDnsFix.ajax_url,
            method: 'POST',
            data: {
                action: 'rl_mailwarmer_fix_dns_issues',
                post_id: postId,
                security: rlMailWarmerDnsFix.nonce,
            },
            success: function (response) {
                console.log(response);
                if (response.success) {
                    let result = '<p>DNS Issues Fixed:</p><ul>';
                    $.each(response.data, function (key, value) {
                        if (typeof value === 'object') {
                            result += `<li>${key}:<ul>`;
                            $.each(value, function (subKey, subValue) {
                                result += `<li>${subKey}: ${subValue}</li>`;
                            });
                            result += '</ul></li>';
                        } else {
                            result += `<li>${key}: ${value}</li>`;
                        }
                    });
                    result += '</ul>';
                    $('#dns-issues-fix-result').html(result);
                } else {
                    $('#dns-issues-fix-result').html('<p>Error: ' + response.data + '</p>');
                }
            },
            error: function (xhr, status, error) {
                $('#dns-issues-fix-result').html('<p>AJAX Error: ' + error + '</p>');
            },
        });
    });
});