jQuery(document).ready(function($) {
    $('#shopee-import-form').on('submit', function(e) {
        e.preventDefault();
        
        const form = $(this);
        const submitButton = form.find('button[type="submit"]');
        const resultDiv = $('#import-result');
        
        // Desabilita o botão e mostra loading
        submitButton.prop('disabled', true).text('Importando...');
        resultDiv.hide();
        
        $.ajax({
            url: shopeeAjax.ajaxurl,
            type: 'POST',
            data: {
                action: 'shopee_import_product',
                nonce: shopeeAjax.nonce,
                url: $('#shopee_url').val(),
                draft: $('input[name="draft"]').is(':checked')
            },
            success: function(response) {
                if (response.success) {
                    resultDiv
                        .removeClass('error')
                        .addClass('success')
                        .html(`
                            <p>Produto importado com sucesso!</p>
                            <p><a href="${response.data.edit_url}" target="_blank">
                                Editar produto
                            </a></p>
                        `)
                        .show();
                    form[0].reset();
                } else {
                    resultDiv
                        .removeClass('success')
                        .addClass('error')
                        .html(`<p>Erro: ${response.data.message}</p>`)
                        .show();
                }
            },
            error: function() {
                resultDiv
                    .removeClass('success')
                    .addClass('error')
                    .html('<p>Erro ao conectar com o servidor.</p>')
                    .show();
            },
            complete: function() {
                submitButton.prop('disabled', false).text('Importar Produto');
            }
        });
    });

    $('.shopee-sync-button').on('click', function() {
        const button = $(this);
        const productId = button.data('product-id');
        
        button.prop('disabled', true).text('Sincronizando...');
        
        $.ajax({
            url: shopeeAjax.ajaxurl,
            type: 'POST',
            data: {
                action: 'shopee_sync_product',
                nonce: shopeeAjax.nonce,
                product_id: productId
            },
            success: function(response) {
                if (response.success) {
                    alert('Produto sincronizado com sucesso!');
                } else {
                    alert('Erro: ' + response.data.message);
                }
            },
            error: function() {
                alert('Erro ao conectar com o servidor.');
            },
            complete: function() {
                button.prop('disabled', false).text('Sincronizar com Shopee');
            }
        });
    });
});