// Capturar la fecha y hora actual
// Función para agregar cero si es necesario
function agregarCeroSiEsNecesario(valor) {
  if (valor < 10) {
      return '0' + valor;
  } else {
      return valor.toString();
  }
}

// Función para obtener la fecha y hora actual
function obtenerFechaHoraActual() {
  var ahora = new Date();
  var fechaHora = agregarCeroSiEsNecesario(ahora.getDate()) + '/' +
                   agregarCeroSiEsNecesario(ahora.getMonth() + 1) + ' ' +
                   agregarCeroSiEsNecesario(ahora.getHours()) + ':' + 
                   agregarCeroSiEsNecesario(ahora.getMinutes());
  return fechaHora;
}



      $(document).ready(function() {

          var temporizadorMensajeAutomatico;

function reiniciarTemporizadorMensajeAutomatico() {
  clearTimeout(temporizadorMensajeAutomatico); // Limpia el temporizador anterior
  temporizadorMensajeAutomatico = setTimeout(function() { // Establece un nuevo temporizador
      var chatArea = $('#chatArea');
      var mensajeAutomatico = '<div class="mensaje"><strong>DeclaraChat:</strong> Gracias por ingresar al DeclaraChat, que tenga buen día. <span class="fecha-hora">' + obtenerFechaHoraActual() + '</span></div><br>';
      chatArea.append(mensajeAutomatico);
      chatArea.scrollTop(chatArea.prop("scrollHeight"));
  }, 60000); // 5 minutos = 300000 milisegundos
}



  $('#chatForm').submit(function(e) {
      e.preventDefault(); // Evita el envío tradicional del formulario
      var mensaje = $('input[name="mensaje"]').val();
      var chatArea = $('#chatArea');
  
      if (mensaje.trim() === '') return; // No enviar mensajes vacíos
      
      chatArea.append('<div class="mensaje"><strong>Ciudadano:</strong> ' + mensaje + ' <span class="fecha-hora">' + obtenerFechaHoraActual()  + '</span></div>'+ '<br>');
  
      // AJAX para enviar el mensaje al servidor y recibir la respuesta
      $.post("/preguntar", {mensaje: mensaje}, function(data) {
  var chatArea = $('#chatArea');
  var respuestaHtml = '';


  var muestraAyudaHtml = true;
  // Este mensaje se añadirá solo si la respuesta no incluye opciones
  var ayudaHtml = function() {
      return '<div class="mensaje"><strong>DeclaraChat:</strong> ¿En qué más te puedo ayudar?' + ' <span class="fecha-hora">' + obtenerFechaHoraActual()  + '</span></div><br>';
  };

  if (data.esSaludoInicial) {
      muestraAyudaHtml = false;
  }
  var muestraAyudaHtml = data.muestraAyudaHtml;
  if (data.respuesta && data.respuesta.opciones) {
      // Respuesta que contiene opciones, manejo especial sin mensaje adicional de ayuda
      respuestaHtml += '<div class="mensaje"><strong>DeclaraChat:</strong><div class="opciones-container">';
      
      data.respuesta.opciones.forEach(function(opcion) {
          respuestaHtml += '<div class="opcion" data-index="' + opcion.texto + '">' + opcion.texto +
                           '<div class="detalles" style="display: none;">' + opcion.detalles.join(" ") + '</div></div>';
      });
      
      respuestaHtml += '</div></div><br>';
      chatArea.append(respuestaHtml);
  } else {
      // Caso para detalles, respuesta directa, o ninguna respuesta
      if (data.respuesta && data.respuesta.detalles) {
          data.respuesta.detalles.forEach(function(detalle) {
              respuestaHtml += '<div class="mensaje"><strong>DeclaraChat:</strong> ' + detalle.texto + '</div><br>';
          });
          
      } else if (data.respuesta && data.respuesta.respuesta) {
          respuestaHtml = '<div class="mensaje"><strong>DeclaraChat:</strong> ' + data.respuesta.respuesta + ' <span class="fecha-hora">' + obtenerFechaHoraActual()  + '</span></div><br>';
          if (data.respuesta.respuesta.includes("Dime, ¿en qué te puedo apoyar hoy?")) {
              muestraAyudaHtml = false; // No mostrar mensaje de ayuda después de confirmación de nombre
          }
      } else if (data.respuesta && typeof data.respuesta === 'string') {
          respuestaHtml = '<div class="mensaje"><strong>DeclaraChat:</strong> ' + data.respuesta + ' <span class="fecha-hora">' + obtenerFechaHoraActual()  + '</span></div><br>';
          
      } else {
          respuestaHtml = '<div class="mensaje"><strong>DeclaraChat:</strong> Respuesta no disponible'+ ' <span class="fecha-hora">' + obtenerFechaHoraActual()  + '</span>'+'</div><br>';
      }

      // Añadir la respuesta al chatArea
      chatArea.append(respuestaHtml);
      if (muestraAyudaHtml) {
          chatArea.append(ayudaHtml());
      }
      // Añadir el mensaje adicional de ayuda después de la respuesta principal, excepto en respuestas con opciones
  }

  chatArea.scrollTop(chatArea.prop("scrollHeight"));
  $('input[name="mensaje"]').val(''); // Limpia el campo de entrada después de enviar
  reiniciarTemporizadorMensajeAutomatico(); // Reinicia el temporizador de mensaje automático si lo tienes implementado
});






// Utilizar delegación de eventos para manejar clics en las opciones
$('#chatArea').on('click', '.opcion', function() {
  if ($(this).closest('.opciones-container').hasClass('disabled')) return;

  var indiceSeleccionado = $(this).data('index');
  var detallesTexto = $(this).find('.detalles').text();

  var detallesPuntos = detallesTexto.split(/\. |\: |\" /);
  var primerElementoHtml = ''; // Inicializa el HTML del primer elemento
  var detallesItemsHtml = detallesPuntos.map(function(punto, index) {
      punto = punto.trim();
      if (!punto) return ''; // Ignora elementos vacíos

      // Maneja el primer elemento por separado
      if (index === 0) {
          primerElementoHtml = '<div class="primer-elemento">' + punto + '</div>';
          return '';
      } else {
          // A partir del segundo elemento, crea la lista
          return '<li>' + punto + '</li>';
      }
  }).join('');

  // Envuelve los elementos de la lista con indentación
  var detallesListaHtml = detallesItemsHtml ? '<ol class="con-indentacion">' + detallesItemsHtml + '</ol>' : '';

  // Combina el primer elemento sin indentación con la lista con indentación
  var detallesHtml = '<div class="mensaje"><strong>Declara Chat:</strong><br>' + primerElementoHtml + detallesListaHtml + ' <span class="fecha-hora">' + obtenerFechaHoraActual()  + '</span>' + '</div>' ;
  $('#chatArea').append(detallesHtml);

  var ayudaHtml = '<div class="mensaje"><strong>Declara Chat: </strong>¿Te puedo ayudar con algo más? ' + ' <span class="fecha-hora">' + obtenerFechaHoraActual()  + '</span></div><br>';
  $('#chatArea').append(ayudaHtml);

  $('#chatArea').scrollTop($('#chatArea').prop("scrollHeight"));

  $(this).closest('.opciones-container').addClass('disabled').find('.opcion').off('click').css('opacity', '0.5');
});

      // Limpiar el campo de entrada después de enviar
      $('input[name="mensaje"]').val('');
      reiniciarTemporizadorMensajeAutomatico();
  });
  var mensajeBienvenidaMostrado = false;

  $('#toggleChat').click(function() {
  $('#chatBox').show(); // Muestra el chat
  $(this).hide(); // Oculta el botón de abrir chat

  // Solo realiza la petición y muestra el mensaje de bienvenida si no se ha mostrado antes
  if (!mensajeBienvenidaMostrado) {
      $.get("/check_name", function(data) {
          var chatArea = $('#chatArea');
          if (data.nombre) {
              var mensajeConNombre = '<div class="mensaje" style="font-family: Arial, sans-serif; color: #333;">' +
              '<p><strong>¡Hola ' + data.nombre + ' 😃!, soy DeclaraChat,</strong> tu asistente virtual de DeclaraNet Chihuahua</p>' +
              '<p>Quiero recordarte que ni yo ni nadie del equipo de la Secretaría de la Función Pública del Estado de Chihuahua te solicitará ningún tipo de <strong>información personal sensible</strong> mediante correo o liga que lleve a nuestra página de internet. <strong>Por tu seguridad NO la compartas</strong></p>' +
              '<p>Estos son algunos de los temas con los que puedo ayudarte:</p>' +
              '<ul>' +
              '<li><strong>Revisión de declaraciones</strong></li>' +
              '<li><strong>Contraseña</strong></li>' +
              '<li><strong>CURP</strong></li>' +
              '<li><strong>Formatos</strong></li>' +
              '<li><strong>Normatividad aplicable</strong></li>' +
              '<li><strong>Cambios o corrección de correo electrónico ¡y mucho más!</strong></li>' +
              '</ul>' +
              '<p>Dime, ' + data.nombre + '  ¿En qué te puedo apoyar hoy?</p>' + ' <span class="fecha-hora">' + obtenerFechaHoraActual()  + '</span>'
              '</div>';

              chatArea.append(mensajeConNombre);
          } else {
              var mensajeInicial = '<div id="welcomeMessage" class="mensaje" style="font-family: Arial, sans-serif; color: #333;">' +
              '<p><strong>¡Hola 😃!, soy DeclaraChat,</strong> tu asistente virtual de DeclaraNet Chihuahua</p>' +
              '<p>Quiero recordarte que ni yo ni nadie del equipo de la Secretaría de la Función Pública del Estado de Chihuahua te solicitará ningún tipo de <strong>información personal sensible</strong> mediante correo o liga que lleve a nuestra página de internet. <strong>Por tu seguridad NO la compartas</strong></p>' +
              '<p>Estos son algunos de los temas con los que puedo ayudarte:</p>' +
              '<ul>' +
              '<li><strong>Revisión de declaraciones</li></strong>' +
              '<li><strong>Contraseña</strong></li>' +
              '<li><strong>CURP</strong></li>' +
              '<li><strong>Formatos</strong></li>' +
              '<li><strong>Normatividad aplicable</strong></li>' +
              '<li><strong>Cambios o corrección de correo electrónico ¡y mucho más!</li></strong>' +
              '</ul>' +
              '<p>Dime, ¿Cual es tu nombre?</p>' + ' <span class="fecha-hora">' + obtenerFechaHoraActual()  + '</span>'
              '</div>' ;
              chatArea.append(mensajeInicial);
          }
          chatArea.scrollTop(chatArea.prop("scrollHeight"));
          mensajeBienvenidaMostrado = true; // Marca que el mensaje ya se mostró
      });
  }
  reiniciarTemporizadorMensajeAutomatico();
});



  
          $('#closeChat').click(function() {
              $('#chatBox').hide(); // Oculta el chat
              $('#toggleChat').show(); // Muestra el botón de abrir chat
          });
      
          // Cierra el chat al hacer clic fuera de él
          $(document).mouseup(function(e) {
              var container = $("#chatBox");
              // Si el objetivo del clic no es el contenedor ni un descendiente del contenedor
              if (!container.is(e.target) && container.has(e.target).length === 0) {
                  container.hide(); // Oculta el chat
                  $('#toggleChat').show(); // Muestra el botón de abrir chat
              }
          });
 
});
let mensaje = document.querySelector('.chat-container');

mensaje.addEventListener('mouseenter', function() {
  document.body.classList.add('no-scroll');
});

mensaje.addEventListener('mouseleave', function() {
  document.body.classList.remove('no-scroll');
});