options.js

document.addEventListener('DOMContentLoaded', () => {
  const openRouterApiKeyInput = document.getElementById('openrouter-api-key');
  const saveButton = document.getElementById('save-btn');
  const statusDiv = document.getElementById('status');

  // Load the saved API key when the options page opens
  chrome.storage.sync.get(['openRouterApiKey'], (result) => {
    if (result.openRouterApiKey) {
      openRouterApiKeyInput.value = result.openRouterApiKey;
    }
  });

  // Save the API key
  saveButton.addEventListener('click', () => {
    const openRouterApiKey = openRouterApiKeyInput.value;
    if (openRouterApiKey) {
      chrome.storage.sync.set({ openRouterApiKey: openRouterApiKey }, () => {
        statusDiv.textContent = 'API key saved!';
        statusDiv.style.color = 'green';
        setTimeout(() => {
          statusDiv.textContent = '';
        }, 2000);
      });
    } else {
      statusDiv.textContent = 'Please enter an API key.';
      statusDiv.style.color = 'red';
    }
  });
});