(function () {
  var visible = true;
  var iframe = document.createElement('iframe');
  iframe.src = "https://chatbotinterface.web.app/widget.html?uid=lzJVx3qu6pgGQHmLLVmfVWupair2&agentId=z8reEjx5TArPnZEQWZM3";
  iframe.style.position = "fixed";
  iframe.style.bottom = "20px";
  iframe.style.right = "20px";
  iframe.style.width = "400px";
  iframe.style.height = "600px";
  iframe.style.border = "none";
  iframe.style.zIndex = "9999";
  iframe.style.display = "block";
  iframe.id = "chatbot-frame";
  iframe.allow = "microphone";

  var toggleBtn = document.createElement('div');
  toggleBtn.innerHTML = "✕"; // Inicia con "X" porque el chat está visible
  toggleBtn.id = "toggle-chatbot";
  toggleBtn.style.position = "fixed";
  toggleBtn.style.bottom = "20px";
  toggleBtn.style.right = "20px";
  toggleBtn.style.width = "60px";
  toggleBtn.style.height = "60px";
  toggleBtn.style.backgroundColor = "#3f51b5";
  toggleBtn.style.color = "white";
  toggleBtn.style.borderRadius = "50%";
  toggleBtn.style.display = "flex";
  toggleBtn.style.alignItems = "center";
  toggleBtn.style.justifyContent = "center";
  toggleBtn.style.fontSize = "30px";
  toggleBtn.style.cursor = "pointer";
  toggleBtn.style.zIndex = "10000";
  toggleBtn.style.fontWeight = "bold";

  function updateToggleIcon() {
    toggleBtn.innerHTML = visible ? "✕" : "💬";
    // Cambiar color de fondo cuando está activo (opcional)
    toggleBtn.style.backgroundColor = visible ? "#f44336" : "#3f51b5";
  }

  toggleBtn.onclick = function () {
    visible = !visible;
    iframe.style.display = visible ? "block" : "none";
    updateToggleIcon();
    // Envía el estado al iframe
    iframe.contentWindow.postMessage({ type: 'visibility', visible: visible }, '*');
  };

  // Inicializar el icono correctamente
  updateToggleIcon();

  // Escuchar mensajes del iframe (por si acaso)
  window.addEventListener('message', function(event) {
    if (event.data === 'close-chatbot') {
      visible = false;
      iframe.style.display = "none";
      updateToggleIcon();
    }
  });

  document.body.appendChild(iframe);
  document.body.appendChild(toggleBtn);
})();