popup.js

document.getElementById('checkButton').addEventListener('click', async () => {
  const button = document.getElementById('checkButton');
  const status = document.getElementById('status');
  
  button.disabled = true;
  button.textContent = 'Processing...';
  status.style.display = 'none';
  
  try {
    const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
    
    const results = await chrome.scripting.executeScript({
      target: { tabId: tab.id },
      func: checkSyncedOrders
    });
    
    const checkedCount = results[0].result;
    
    status.textContent = `Checked ${checkedCount} completed and synced orders!`;
    status.className = 'success';
    status.style.display = 'block';
    
  } catch (error) {
    status.textContent = `Error: ${error.message}`;
    status.className = 'error';
    status.style.display = 'block';
  } finally {
    button.disabled = false;
    button.textContent = 'Check Synced Orders';
  }
});

function checkSyncedOrders() {
  const rows = document.querySelectorAll('tr[mat-row]');
  let checkedCount = 0;
  
  rows.forEach((row, index) => {
    const statusCell = row.querySelector('.status-label');
    const statusText = statusCell ? statusCell.textContent.trim().toLowerCase() : 'no status';
    const isPending = statusText === 'pending';

    if (isPending) {
      const syncIcon = row.querySelector('mat-icon[mattooltip="Awaiting sync"]');
      const doneIcon = row.querySelector('mat-icon[mattooltip="Synced"]');
      const hasSyncIcon = !!syncIcon;
      const hasDoneIcon = !!doneIcon;
      
      if (!hasSyncIcon && hasDoneIcon) {
        const checkbox = row.querySelector('input.mat-checkbox-input');
        if (checkbox && checkbox.getAttribute('aria-checked') === 'false') {
          checkbox.click();
          checkedCount++;
        }
      }
    }
  });
  
  return checkedCount;
}