<div class="mb-3">
  <label for="comentarioAlta" class="form-label">Comentarios de Alta</label>
  <textarea class="form-control" id="comentarioAlta" name="comentarioAlta" rows="4" placeholder="Ejemplo: Pendiente su RFC, estamos a la espera ya que el día martes tiene cita en el SAT."></textarea>
</div>
<button type="button" class="btn btn-primary" id="guardarComentarioAlta">Guardar Comentario</button>
<div id="comentarioAltaMsg" class="mt-2"></div>
<script>
const aspiranteId = document.getElementById('aspirante_id')?.value || 0;
const estatusActual = document.getElementById('estatus_actual')?.value || '';

// Bloquear textarea y botón si el estatus es contratado o posterior
if (estatusActual && (
  estatusActual === 'contratado' || estatusActual === 'en_pre_alta' || estatusActual === 'en_plantilla' || estatusActual === 'proceso_concluido')
) {
  document.getElementById('comentarioAlta').readOnly = true;
  document.getElementById('guardarComentarioAlta').disabled = true;
  document.getElementById('comentarioAltaMsg').innerHTML = '<div class="alert alert-info">No es posible modificar los comentarios cuando el candidato ya ha sido contratado o está en un estatus posterior.</div>';
}

// Cargar comentario guardado al iniciar
if (aspiranteId > 0) {
  fetch('../../backend/aspirantes/get_comentario_alta.php?aspirante_id=' + aspiranteId)
    .then(res => res.json())
    .then(data => {
      if (data.success && data.comentario) {
        document.getElementById('comentarioAlta').value = data.comentario;
      }
    });
}

document.getElementById('guardarComentarioAlta').addEventListener('click', function() {
  const comentario = document.getElementById('comentarioAlta').value.trim();
  if (!comentario) {
    document.getElementById('comentarioAltaMsg').innerHTML = '<div class="alert alert-warning">Escribe un comentario antes de guardar.</div>';
    return;
  }
  fetch('../../backend/aspirantes/guardar_comentario_alta.php', {
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    body: `aspirante_id=${aspiranteId}&comentarioAlta=${encodeURIComponent(comentario)}`
  })
  .then(res => res.json())
  .then(data => {
    if (data.success) {
      document.getElementById('comentarioAltaMsg').innerHTML = '<div class="alert alert-success">' + data.message + '</div>';
    } else {
      document.getElementById('comentarioAltaMsg').innerHTML = '<div class="alert alert-danger">' + data.message + '</div>';
    }
  })
  .catch(() => {
    document.getElementById('comentarioAltaMsg').innerHTML = '<div class="alert alert-danger">Error de conexión.</div>';
  });
});
</script>
