options.js

document.addEventListener('DOMContentLoaded', async () => {
  // Load saved settings
  const settings = await chrome.storage.sync.get(['paperlessUrl', 'paperlessToken']);

  if (settings.paperlessUrl) {
    document.getElementById('paperlessUrl').value = settings.paperlessUrl;
  }
  if (settings.paperlessToken) {
    document.getElementById('paperlessToken').value = settings.paperlessToken;
  }

  // Event listeners
  document.getElementById('saveBtn').addEventListener('click', saveSettings);
  document.getElementById('testBtn').addEventListener('click', testConnection);
});

async function saveSettings() {
  const url = document.getElementById('paperlessUrl').value.trim();
  const token = document.getElementById('paperlessToken').value.trim();

  if (!url || !token) {
    showStatus('Please fill in all fields', 'error');
    return;
  }

  // Remove trailing slash from URL
  const cleanUrl = url.replace(/\/$/, '');

  try {
    await chrome.storage.sync.set({
      paperlessUrl: cleanUrl,
      paperlessToken: token
    });

    showStatus('✓ Settings saved successfully!', 'success');
  } catch (error) {
    showStatus('Error saving settings: ' + error.message, 'error');
  }
}

async function testConnection() {
  const url = document.getElementById('paperlessUrl').value.trim();
  const token = document.getElementById('paperlessToken').value.trim();

  if (!url || !token) {
    showStatus('Please fill in all fields first', 'error');
    return;
  }

  const cleanUrl = url.replace(/\/$/, '');
  const testBtn = document.getElementById('testBtn');
  testBtn.disabled = true;
  testBtn.textContent = 'Testing...';

  try {
    const response = await fetch(`${cleanUrl}/api/`, {
      method: 'GET',
      headers: {
        'Authorization': `Token ${token}`,
      }
    });

    if (response.ok) {
      showStatus('✓ Connection successful!', 'success');
    } else if (response.status === 401) {
      showStatus('Authentication failed. Please check your API token.', 'error');
    } else {
      showStatus(`Connection failed: ${response.status} ${response.statusText}`, 'error');
    }
  } catch (error) {
    showStatus('Connection failed: ' + error.message, 'error');
  } finally {
    testBtn.disabled = false;
    testBtn.textContent = 'Test Connection';
  }
}

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