// Esperar a que el DOM esté completamente cargado
document.addEventListener('DOMContentLoaded', function() {
  // Obtener referencia al elemento que mostrará la URL
  const currentUrlElement = document.getElementById('currentUrl');
  
  // Obtener la URL de la pestaña activa y mostrarla
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    const activeTab = tabs[0];
    currentUrlElement.textContent = 'URL actual: ' + activeTab.url;
    
    // Cargar mensaje guardado para esta URL si existe
    chrome.storage.local.get(['mensaje'], function(result) {
      if (result.mensaje) {
        document.getElementById('savedMessage').textContent = 'Mensaje guardado: ' + result.mensaje;
        document.getElementById('userMessage').value = result.mensaje;
      }
    });
  });

  // Actualizar la URL cuando cambie la pestaña activa
  chrome.tabs.onActivated.addListener(function(activeInfo) {
    chrome.tabs.get(activeInfo.tabId, function(tab) {
      currentUrlElement.textContent = 'URL actual: ' + tab.url;
      
      // Cargar mensaje guardado para esta URL si existe
      chrome.storage.local.get(['mensaje'], function(result) {
        if (result.mensaje) {
          document.getElementById('savedMessage').textContent = 'Mensaje guardado: ' + result.mensaje;
          document.getElementById('userMessage').value = result.mensaje;
        } else {
          document.getElementById('savedMessage').textContent = '';
          document.getElementById('userMessage').value = '';
        }
      });
    });
  });
  
  // Configurar el botón para guardar mensajes
  document.getElementById('saveMessage').addEventListener('click', function() {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
      const activeTab = tabs[0];
      const message = document.getElementById('userMessage').value;
      
      // Guardar el mensaje en chrome.storage usando la URL como clave
      chrome.storage.local.set({mensaje: message}, function() {
        document.getElementById('savedMessage').textContent = 'Mensaje guardado: ' + message;
        console.log('Mensaje guardado en chrome.storage: ' + message);
      });
    });
  });
});