popup.js

// Get current tab information
let currentTab = null;
let isPDF = false;

document.addEventListener('DOMContentLoaded', async () => {
  // Get current tab
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  currentTab = tab;

  // Check if current page is a PDF
  isPDF = tab.url.toLowerCase().endsWith('.pdf') || tab.mimeType === 'application/pdf';

  // Update UI based on page type
  const pageTypeEl = document.getElementById('pageType');
  if (isPDF) {
    pageTypeEl.textContent = '📄 PDF detected - will upload this PDF';
  } else {
    pageTypeEl.textContent = '🌐 Webpage - will convert to PDF';
  }

  // Auto-fill title from page title
  if (tab.title) {
    document.getElementById('title').placeholder = tab.title;
  }

  // Check if settings are configured
  const settings = await chrome.storage.sync.get(['paperlessUrl', 'paperlessToken']);
  if (!settings.paperlessUrl || !settings.paperlessToken) {
    showStatus('Please configure your Paperless-ngx settings first', 'warning');
    document.getElementById('saveBtn').disabled = true;
  }

  // Event listeners
  document.getElementById('saveBtn').addEventListener('click', handleSave);
  document.getElementById('settingsLink').addEventListener('click', (e) => {
    e.preventDefault();
    chrome.runtime.openOptionsPage();
  });
});

async function handleSave() {
  const saveBtn = document.getElementById('saveBtn');
  saveBtn.disabled = true;
  saveBtn.textContent = 'Saving...';

  try {
    const title = document.getElementById('title').value || currentTab.title;
    const tags = document.getElementById('tags').value
      .split(',')
      .map(tag => tag.trim())
      .filter(tag => tag);

    // Send message to background script
    const response = await chrome.runtime.sendMessage({
      action: 'saveToPaperless',
      data: {
        tabId: currentTab.id,
        url: currentTab.url,
        title: title,
        tags: tags,
        isPDF: isPDF
      }
    });

    if (response.success) {
      showStatus('✓ Successfully saved to Paperless-ngx!', 'success');
      setTimeout(() => window.close(), 2000);
    } else {
      showStatus('Error: ' + response.error, 'error');
      saveBtn.disabled = false;
      saveBtn.textContent = 'Save to Paperless';
    }
  } catch (error) {
    showStatus('Error: ' + error.message, 'error');
    saveBtn.disabled = false;
    saveBtn.textContent = 'Save to Paperless';
  }
}

function showStatus(message, type) {
  const statusEl = document.getElementById('status');
  statusEl.textContent = message;
  statusEl.className = `status ${type}`;
}