IQ-Dynamic-Google-Pricing/assets/js/admin.js

/**
 * Admin JavaScript for Informatiq Smart Pricing
 */

console.log('Informatiq Smart Pricing: Script loaded');

(function($) {
	'use strict';

	console.log('Informatiq Smart Pricing: IIFE executed, jQuery available:', typeof $ !== 'undefined');

	var InformatiqSP = {
		/**
		 * Initialize
		 */
		init: function() {
			console.log('Informatiq Smart Pricing: init() called');
			console.log('informatiqSP object:', typeof informatiqSP !== 'undefined' ? informatiqSP : 'NOT DEFINED');
			this.bindEvents();
		},

		/**
		 * Bind event handlers
		 */
		bindEvents: function() {
			console.log('Informatiq Smart Pricing: bindEvents() called');

			var $compareBtn = $('#informatiq-sp-compare-products');
			console.log('Compare products button found:', $compareBtn.length > 0);

			$('#informatiq-sp-manual-sync').on('click', this.handleManualSync);
			$('#informatiq-sp-test-connection').on('click', this.handleTestConnection);
			$('#informatiq-sp-revoke-auth').on('click', this.handleRevokeAuth);
			$compareBtn.on('click', this.handleCompareProducts);

			console.log('Informatiq Smart Pricing: All event handlers bound');
		},

		/**
		 * Handle manual sync button click
		 */
		handleManualSync: function(e) {
			e.preventDefault();

			var $button = $(this);
			var $status = $('#informatiq-sp-sync-status');

			// Confirm action
			if (!confirm(informatiqSP.strings.confirmSync || 'Are you sure you want to run a manual price sync? This may take several minutes.')) {
				return;
			}

			// Disable button and show loading state
			$button.prop('disabled', true).addClass('informatiq-sp-loading');

			// Show status message
			$status
				.removeClass('notice-success notice-error')
				.addClass('notice-info')
				.html('<p>' + (informatiqSP.strings.syncInProgress || 'Sync in progress...') + '</p>')
				.show();

			// Make AJAX request
			$.ajax({
				url: informatiqSP.ajaxUrl,
				type: 'POST',
				data: {
					action: 'informatiq_sp_manual_sync',
					nonce: informatiqSP.nonce
				},
				success: function(response) {
					if (response.success) {
						$status
							.removeClass('notice-info notice-error')
							.addClass('notice-success')
							.html('<p>' + response.data.message + '</p>');

						// Reload page after 2 seconds to show updated logs
						setTimeout(function() {
							location.reload();
						}, 2000);
					} else {
						$status
							.removeClass('notice-info notice-success')
							.addClass('notice-error')
							.html('<p>Error: ' + (response.data.message || 'Unknown error') + '</p>');
					}
				},
				error: function(jqXHR, textStatus, errorThrown) {
					$status
						.removeClass('notice-info notice-success')
						.addClass('notice-error')
						.html('<p>Error: ' + errorThrown + '</p>');
				},
				complete: function() {
					$button.prop('disabled', false).removeClass('informatiq-sp-loading');
				}
			});
		},

		/**
		 * Handle test connection button click
		 */
		handleTestConnection: function(e) {
			e.preventDefault();

			var $button = $(this);
			var $status = $('#informatiq-sp-sync-status');

			// Disable button and show loading state
			$button.prop('disabled', true).addClass('informatiq-sp-loading');

			// Show status message
			$status
				.removeClass('notice-success notice-error')
				.addClass('notice-info')
				.html('<p>' + (informatiqSP.strings.testInProgress || 'Testing connection...') + '</p>')
				.show();

			// Make AJAX request
			$.ajax({
				url: informatiqSP.ajaxUrl,
				type: 'POST',
				data: {
					action: 'informatiq_sp_test_connection',
					nonce: informatiqSP.nonce
				},
				success: function(response) {
					if (response.success) {
						$status
							.removeClass('notice-info notice-error')
							.addClass('notice-success')
							.html('<p>' + response.data.message + '</p>');
					} else {
						$status
							.removeClass('notice-info notice-success')
							.addClass('notice-error')
							.html('<p>Error: ' + (response.data.message || 'Unknown error') + '</p>');
					}
				},
				error: function(jqXHR, textStatus, errorThrown) {
					$status
						.removeClass('notice-info notice-success')
						.addClass('notice-error')
						.html('<p>Error: ' + errorThrown + '</p>');
				},
				complete: function() {
					$button.prop('disabled', false).removeClass('informatiq-sp-loading');

					// Hide status message after 5 seconds
					setTimeout(function() {
						$status.fadeOut();
					}, 5000);
				}
			});
		},

		/**
		 * Handle revoke authorization button click
		 */
		handleRevokeAuth: function(e) {
			e.preventDefault();

			var $button = $(this);

			// Confirm action
			if (!confirm(informatiqSP.strings.revokeConfirm || 'Are you sure you want to revoke Google authorization?')) {
				return;
			}

			// Disable button and show loading state
			$button.prop('disabled', true).text(informatiqSP.strings.revokeInProgress || 'Revoking...');

			// Make AJAX request
			$.ajax({
				url: informatiqSP.ajaxUrl,
				type: 'POST',
				data: {
					action: 'informatiq_sp_revoke_auth',
					nonce: informatiqSP.nonce
				},
				success: function(response) {
					if (response.success) {
						// Reload page to show updated status
						location.reload();
					} else {
						alert('Error: ' + (response.data.message || 'Unknown error'));
						$button.prop('disabled', false).text('Revoke Authorization');
					}
				},
				error: function(jqXHR, textStatus, errorThrown) {
					alert('Error: ' + errorThrown);
					$button.prop('disabled', false).text('Revoke Authorization');
				}
			});
		},

		/**
		 * Handle compare products button click
		 */
		handleCompareProducts: function(e) {
			e.preventDefault();

			console.log('=== COMPARE PRODUCTS CLICKED ===');

			var $button = $(this);
			var $spinner = $button.next('.spinner');
			var $results = $('#informatiq-sp-comparison-results');
			var $tbody = $('#informatiq-sp-comparison-tbody');
			var $status = $('#informatiq-sp-sync-status');

			console.log('Button:', $button.length);
			console.log('Spinner:', $spinner.length);
			console.log('Results container:', $results.length);
			console.log('informatiqSP:', informatiqSP);

			// Show loading status
			$status
				.removeClass('notice-success notice-error')
				.addClass('notice-info')
				.html('<p><strong>Loading product comparison...</strong> This may take a moment.</p>')
				.show();

			// Disable button and show spinner
			$button.prop('disabled', true);
			$spinner.addClass('is-active');

			console.log('Making AJAX request to:', informatiqSP.ajaxUrl);
			console.log('With nonce:', informatiqSP.nonce);

			// Make AJAX request
			$.ajax({
				url: informatiqSP.ajaxUrl,
				type: 'POST',
				timeout: 120000, // 2 minute timeout
				data: {
					action: 'informatiq_sp_compare_products',
					nonce: informatiqSP.nonce
				},
				beforeSend: function(xhr) {
					console.log('AJAX beforeSend - request starting');
				},
				success: function(response) {
					console.log('AJAX success callback');
					console.log('AJAX response:', response);

					// Log debug info if available.
					if (response.data && response.data.debug) {
						console.log('=== DEBUG INFO ===');
						console.log('Sample Google product:', response.data.debug.sample_google_product);
						console.log('Sample indexed keys:', response.data.debug.sample_google_keys);
						console.log('Total indexed entries:', response.data.debug.index_count);
						console.log('==================');
					}

					$status.hide();

					if (response.success) {
						var data = response.data;
						var html = '';

						if (data.products.length === 0) {
							html = '<tr><td colspan="6">No in-stock products with SKU found.</td></tr>';
						} else {
							$.each(data.products, function(i, product) {
								var localPrice = product.local_price ? data.currency + parseFloat(product.local_price).toFixed(2) : '-';
								var googlePrice = product.google_price ? data.currency + parseFloat(product.google_price).toFixed(2) : '-';
								var priceLabel = product.price_type === 'sale' ? ' <small>(sale)</small>' : ' <small>(regular)</small>';
								var matchLabel = product.match_type ? product.match_type : '-';
								var statusClass = product.found ? 'color: #00a32a;' : 'color: #d63638;';
								var statusText = product.found ? 'Found' : 'Not Found';

								if (product.found && product.google_offer) {
									matchLabel += ' <small>(' + product.google_offer + ')</small>';
								}

								html += '<tr>';
								html += '<td><a href="post.php?post=' + product.id + '&action=edit">' + product.name + '</a></td>';
								html += '<td><code>' + product.sku + '</code></td>';
								html += '<td>' + localPrice + priceLabel + '</td>';
								html += '<td>' + googlePrice + '</td>';
								html += '<td>' + matchLabel + '</td>';
								html += '<td style="' + statusClass + '"><strong>' + statusText + '</strong></td>';
								html += '</tr>';
							});
						}

						$tbody.html(html);
						$results.show();

						// Show summary
						var summary = 'Showing ' + data.products.length + ' WooCommerce products. ';
						summary += data.google_count + ' products found in Google Merchant Center.';
						$button.after('<p class="description" style="margin-top: 10px;">' + summary + '</p>');

					} else {
						$status
							.removeClass('notice-info notice-success')
							.addClass('notice-error')
							.html('<p>Error: ' + (response.data.message || 'Unknown error') + '</p>')
							.show();
					}
				},
				error: function(jqXHR, textStatus, errorThrown) {
					console.error('AJAX error:', textStatus, errorThrown, jqXHR.responseText);
					$status
						.removeClass('notice-info notice-success')
						.addClass('notice-error')
						.html('<p>Error: ' + errorThrown + ' - ' + textStatus + '</p>')
						.show();
				},
				complete: function() {
					console.log('AJAX request complete');
					$button.prop('disabled', false);
					$spinner.removeClass('is-active');
				}
			});
		}
	};

	// Initialize when document is ready
	$(document).ready(function() {
		InformatiqSP.init();
	});

})(jQuery);