function saveOptions() {
  const bgColor = document.getElementById('bgColor').value;
  const borderColor = document.getElementById('borderColor').value;
  const bgColorRgba = hexToRgba(bgColor, 0.1); // 10% Deckkraft

  chrome.storage.sync.set({
    highlightBgColor: bgColorRgba,
    highlightBorderColor: borderColor
  }, () => {
    const status = document.getElementById('status');
    status.textContent = 'Gespeichert!';
    setTimeout(() => status.textContent = '', 1500);

    chrome.tabs.query({url: "*://*.google.com/search*"}, (tabs) =>
      tabs.forEach(tab => tab.id && chrome.tabs.sendMessage(tab.id, { action: "updateDisplay" }))
    );
  });
}

function restoreOptions() {
  chrome.storage.sync.get(['highlightBgColor','highlightBorderColor'], (items) => {
    document.getElementById('bgColor').value = rgbaToHex(items.highlightBgColor || 'rgba(255, 235, 59, 0.1)');
    document.getElementById('borderColor').value = items.highlightBorderColor || '#FF0000';
  });
}

// Hilfsfunktionen
function hexToRgba(hex, opacity) {
  let c; if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
    c = hex.substring(1).split(''); if (c.length === 3) c = [c[0],c[0],c[1],c[1],c[2],c[2]];
    c = '0x' + c.join(''); return `rgba(${[(c>>16)&255, (c>>8)&255, c&255].join(',')},${opacity})`;
  } return `rgba(255, 0, 0, ${opacity})`;
}
function rgbaToHex(rgba) {
  try {
    const parts = rgba.substring(rgba.indexOf('(')).split(',');
    const [r,g,b] = [parseInt(parts[0].substring(1),10), parseInt(parts[1],10), parseInt(parts[2],10)];
    return '#'+[r,g,b].map(v => ('0'+v.toString(16)).slice(-2)).join('');
  } catch { return '#FF0000'; }
}

document.addEventListener('DOMContentLoaded', restoreOptions);
document.getElementById('save').addEventListener('click', saveOptions);