jQuery(document).ready(function ($) {
    $('#rl_generate_accounts_button').on('click', function () {
        const postId = $('#post_ID').val();
        const quantity = $('#rl_generate_account_qty').val();

        $('#rl_generate_accounts_result').html('<p>Generating accounts...</p>');

        $.ajax({
            url: rlGenerateAccounts.ajax_url,
            method: 'POST',
            data: {
                action: 'rl_generate_random_accounts',
                post_id: postId,
                qty: quantity,
                security: rlGenerateAccounts.nonce,
            },
            success: function (response) {
                if (response.success) {
                    const results = response.data;
                    let resultHtml = '<p>Generated Accounts:</p><ul>';
                    results.forEach(account => {
                        resultHtml += `<li>${account.email} (Password: ${account.password})</li>`;
                    });
                    resultHtml += '</ul>';
                    $('#rl_generate_accounts_result').html(resultHtml);
                } else {
                    $('#rl_generate_accounts_result').html(`<p>Error: ${response.data}</p>`);
                }
            },
            error: function () {
                $('#rl_generate_accounts_result').html('<p>Failed to generate accounts.</p>');
            },
        });
    });
});