console.log('options.js loaded!');

document.addEventListener('DOMContentLoaded', () => {
  const apiKeyInput = document.getElementById('api-key');
  const assistantIdInput = document.getElementById('custom-gpt-endpoint');
  const promptInput = document.getElementById('custom-prompt');
  const autoDraftCheckbox = document.getElementById('auto-draft');
  const plusvibeApiKeyInput = document.getElementById('plusvibeApiKey');
  const plusvibeApiUrlInput = document.getElementById('plusvibeApiUrl');
  const form = document.getElementById('settings-form');

  console.log('Form:', form);

  // Function to load settings from storage
  function loadSettings() {
    chrome.storage.local.get([
      'openAIApiKey', 
      'customGptEndpoint', 
      'customPrompt', 
      'autoDraftEnabled',
      'plusvibeApiKey',
      'plusvibeApiUrl'
    ], (result) => {
      apiKeyInput.value = result.openAIApiKey || '';
      assistantIdInput.value = result.customGptEndpoint || '';
      promptInput.value = result.customPrompt || '';
      autoDraftCheckbox.checked = result.autoDraftEnabled || false;
      plusvibeApiKeyInput.value = result.plusvibeApiKey || '';
      plusvibeApiUrlInput.value = result.plusvibeApiUrl || 'https://app.pipl.ai/api/v2';
    });
  }

  // Load settings on page load
  loadSettings();

  // Save settings and reload them so fields never clear
  form.addEventListener('submit', (e) => {
    e.preventDefault();
    console.log('Saving settings...');
    console.log('API Key:', apiKeyInput.value);
    console.log('Assistant ID:', assistantIdInput.value);
    console.log('Prompt:', promptInput.value);
    console.log('Auto-draft:', autoDraftCheckbox.checked);
    console.log('Plusvibe API Key:', plusvibeApiKeyInput.value ? '[PROVIDED]' : '[NOT PROVIDED]');
    console.log('Plusvibe API URL:', plusvibeApiUrlInput.value);
    
    chrome.storage.local.set({
      openAIApiKey: apiKeyInput.value,
      customGptEndpoint: assistantIdInput.value,
      customPrompt: promptInput.value,
      autoDraftEnabled: autoDraftCheckbox.checked,
      plusvibeApiKey: plusvibeApiKeyInput.value,
      plusvibeApiUrl: plusvibeApiUrlInput.value || 'https://app.pipl.ai/api/v2'
    }, () => {
      console.log('Saved to storage!');
      chrome.storage.local.get(null, console.log);
      alert('Settings saved!');
    });
  });
});