options.js

// Load saved settings when page opens
document.addEventListener('DOMContentLoaded', async () => {
  // Load qBittorrent settings
  const settings = await chrome.storage.sync.get(['qbUrl', 'qbUsername', 'qbPassword']);
  
  if (settings.qbUrl) {
    document.getElementById('qbUrl').value = settings.qbUrl;
  }
  if (settings.qbUsername) {
    document.getElementById('qbUsername').value = settings.qbUsername;
  }
  if (settings.qbPassword) {
    document.getElementById('qbPassword').value = settings.qbPassword;
  }
  
  // Load torrent sites
  loadTorrentSites();
});

// Handle qBittorrent settings form submission
document.getElementById('settingsForm').addEventListener('submit', async (e) => {
  e.preventDefault();
  
  const settings = {
    qbUrl: document.getElementById('qbUrl').value.trim(),
    qbUsername: document.getElementById('qbUsername').value.trim(),
    qbPassword: document.getElementById('qbPassword').value
  };
  
  // Save settings
  await chrome.storage.sync.set(settings);
  
  showStatus('Settings saved successfully!', 'success');
});

// Handle test connection button
document.getElementById('testBtn').addEventListener('click', async () => {
  const settings = {
    qbUrl: document.getElementById('qbUrl').value.trim(),
    qbUsername: document.getElementById('qbUsername').value.trim(),
    qbPassword: document.getElementById('qbPassword').value
  };
  
  if (!settings.qbUrl || !settings.qbUsername || !settings.qbPassword) {
    showStatus('Please fill in all fields before testing', 'error');
    return;
  }
  
  showStatus('Testing connection...', 'success');
  
  // Send test request to background script
  chrome.runtime.sendMessage(
    { action: 'testConnection', settings: settings },
    (response) => {
      if (response.success) {
        showStatus(response.message, 'success');
      } else {
        showStatus(response.message, 'error');
      }
    }
  );
});

// Show status message
function showStatus(message, type) {
  const statusDiv = document.getElementById('status');
  statusDiv.textContent = message;
  statusDiv.className = `status ${type}`;
  
  // Auto-hide success messages after 3 seconds
  if (type === 'success') {
    setTimeout(() => {
      statusDiv.style.display = 'none';
    }, 3000);
  }
}

// ===== Torrent Sites Management =====

async function loadTorrentSites() {
  const data = await chrome.storage.sync.get(['torrentSites']);
  const sites = data.torrentSites || [];
  
  const sitesList = document.getElementById('sitesList');
  
  if (sites.length === 0) {
    sitesList.innerHTML = '<p style="color: #999; font-size: 13px; font-style: italic;">No torrent sites configured yet.</p>';
    return;
  }
  
  sitesList.innerHTML = sites.map((site, index) => `
    <div class="site-item">
      <div class="site-item-header">
        <div class="site-domain">${escapeHtml(site.domain)}</div>
        <div style="display: flex; gap: 5px;">
          <button type="button" class="edit-site-btn" data-index="${index}" style="background-color: #2196F3; color: white; padding: 6px 12px; font-size: 12px; border: none; border-radius: 4px; cursor: pointer;">✏️ Edit</button>
          <button type="button" class="delete-site-btn" data-index="${index}">🗑️ Delete</button>
        </div>
      </div>
      <div class="site-details">
        ${site.cookies ? 
          '🍪 Using cookies' : 
          `Username: ${escapeHtml(site.username || 'N/A')}`
        }<br>
        ${site.loginUrl ? `Login URL: ${escapeHtml(site.loginUrl)}` : ''}
      </div>
    </div>
  `).join('');
  
  // Add delete event listeners
  document.querySelectorAll('.delete-site-btn').forEach(btn => {
    btn.addEventListener('click', async (e) => {
      const index = parseInt(e.target.getAttribute('data-index'));
      await deleteTorrentSite(index);
    });
  });
  
  // Add edit event listeners
  document.querySelectorAll('.edit-site-btn').forEach(btn => {
    btn.addEventListener('click', async (e) => {
      const index = parseInt(e.target.getAttribute('data-index'));
      await editTorrentSite(index, sites);
    });
  });
}

// Show add site modal
let editingIndex = null; // Track if we're editing

document.getElementById('addSiteBtn').addEventListener('click', () => {
  editingIndex = null; // Clear editing mode
  document.getElementById('addSiteModal').style.display = 'block';
  document.querySelector('#addSiteModal h3').textContent = 'Add Torrent Site';
  // Clear form
  document.getElementById('siteDomain').value = '';
  document.getElementById('siteUsername').value = '';
  document.getElementById('sitePassword').value = '';
  document.getElementById('siteCookies').value = '';
  document.getElementById('loginUrl').value = '';
});

// Edit existing site
async function editTorrentSite(index, sites) {
  editingIndex = index;
  const site = sites[index];
  
  // Show modal with existing data
  document.getElementById('addSiteModal').style.display = 'block';
  document.querySelector('#addSiteModal h3').textContent = 'Edit Torrent Site';
  document.getElementById('siteDomain').value = site.domain || '';
  document.getElementById('siteUsername').value = site.username || '';
  document.getElementById('sitePassword').value = site.password || '';
  document.getElementById('siteCookies').value = site.cookies || '';
  document.getElementById('loginUrl').value = site.loginUrl || '';
}

// Cancel add site
document.getElementById('cancelSiteBtn').addEventListener('click', () => {
  document.getElementById('addSiteModal').style.display = 'none';
  editingIndex = null;
});

// Save new site or update existing
document.getElementById('saveSiteBtn').addEventListener('click', async () => {
  const domain = document.getElementById('siteDomain').value.trim();
  const username = document.getElementById('siteUsername').value.trim();
  const password = document.getElementById('sitePassword').value;
  const cookies = document.getElementById('siteCookies').value.trim();
  const loginUrl = document.getElementById('loginUrl').value.trim();
  
  if (!domain) {
    alert('Please enter a domain');
    return;
  }
  
  // Either cookies OR username+password required
  if (!cookies && (!username || !password)) {
    alert('Please provide either cookies OR username and password');
    return;
  }
  
  // Get existing sites
  const data = await chrome.storage.sync.get(['torrentSites']);
  const sites = data.torrentSites || [];
  
  const siteData = {
    domain: domain,
    username: username || null,
    password: password || null,
    cookies: cookies || null,
    loginUrl: loginUrl || null
  };
  
  if (editingIndex !== null) {
    // Update existing site
    sites[editingIndex] = siteData;
    showStatus(`Updated ${domain} successfully!`, 'success');
  } else {
    // Add new site
    sites.push(siteData);
    showStatus(`Added ${domain} successfully!`, 'success');
  }
  
  // Save
  await chrome.storage.sync.set({ torrentSites: sites });
  
  // Close modal and reload list
  document.getElementById('addSiteModal').style.display = 'none';
  editingIndex = null;
  loadTorrentSites();
});

async function deleteTorrentSite(index) {
  if (!confirm('Are you sure you want to delete this torrent site?')) {
    return;
  }
  
  const data = await chrome.storage.sync.get(['torrentSites']);
  const sites = data.torrentSites || [];
  
  sites.splice(index, 1);
  
  await chrome.storage.sync.set({ torrentSites: sites });
  
  loadTorrentSites();
  showStatus('Site deleted successfully!', 'success');
}

// Helper function to escape HTML
function escapeHtml(text) {
  const div = document.createElement('div');
  div.textContent = text;
  return div.innerHTML;
}

// Close modal when clicking outside
window.addEventListener('click', (e) => {
  const modal = document.getElementById('addSiteModal');
  if (e.target === modal) {
    modal.style.display = 'none';
    editingIndex = null;
  }
});