";
*
* 2. O puedes llenar directamente los IDs con PHP:
*
*/
// Función para cargar datos del participante (para usar con AJAX)
function cargarDatosParticipante(datos) {
// datos = {
// nombre: "María José González",
// documento: "C.C. 1.234.567.890",
// categoria_principal: "MAYORES PROFESIONAL",
// categoria_presentacion: "GRUPO SHINES (10 A 20 BAILARINES) - MAYORES PROFESIONAL",
// horario: {
// dia: "SÁBADO 14",
// mes: "MARZO 2026",
// hora: "6:30 PM",
// estado: "CONFIRMADO",
// estado_class: "status-badge"
// },
// horarios_detalle: [
// { dia: "Viernes 13 Mar", hora: "4:00 PM", categoria: "MAYORES PROFESIONAL", modalidad: "GRUPO SHINES", estado: "✅ Confirmado", estado_class: "status-badge" },
// { dia: "Sábado 14 Mar", hora: "6:30 PM", categoria: "MAYORES PROFESIONAL", modalidad: "GRUPO SHINES", estado: "✅ Confirmado", estado_class: "status-badge" },
// { dia: "Domingo 15 Mar", hora: "10:00 AM", categoria: "MAYORES PROFESIONAL", modalidad: "SOLISTA", estado: "⏳ Pendiente", estado_class: "status-pendiente" }
// ]
// }
// Información del participante
document.getElementById('participante_nombre').textContent = datos.nombre || '---';
document.getElementById('participante_documento').textContent = datos.documento || '---';
document.getElementById('participante_categoria').textContent = datos.categoria_principal || '---';
document.getElementById('categoria_presentacion').textContent = datos.categoria_presentacion || '---';
// Horario principal
if (datos.horario) {
document.getElementById('horario_dia').textContent = datos.horario.dia || '---';
document.getElementById('horario_mes').textContent = datos.horario.mes || '---';
document.getElementById('horario_hora').textContent = datos.horario.hora || '---';
const estadoSpan = document.getElementById('horario_estado');
estadoSpan.textContent = datos.horario.estado || '---';
estadoSpan.className = datos.horario.estado_class || 'status-badge';
}
// Tabla de horarios detallados
const tbody = document.getElementById('tabla_horarios');
tbody.innerHTML = ''; // Limpiar contenido existente
if (datos.horarios_detalle && datos.horarios_detalle.length > 0) {
datos.horarios_detalle.forEach(item => {
const row = document.createElement('tr');
row.innerHTML = `
${item.dia} |
${item.hora} |
${item.categoria} |
${item.modalidad} |
${item.estado} |
`;
tbody.appendChild(row);
});
} else {
// Mostrar fila vacía si no hay datos
const row = document.createElement('tr');
row.innerHTML = '
No hay horarios asignados | ';
tbody.appendChild(row);
}
}
// Ejemplo de cómo se llamaría desde PHP (cuando tengas la base de datos)
// Descomenta esto cuando tengas los datos reales:
/*
window.onload = function() {
// Estos datos vendrían de tu base de datos
const datosParticipante = {
nombre: 'María José González',
documento: 'C.C. 1.234.567.890',
categoria_principal: 'MAYORES PROFESIONAL',
categoria_presentacion: 'GRUPO SHINES (10 A 20 BAILARINES) - MAYORES PROFESIONAL',
horario: {
dia: 'SÁBADO 14',
mes: 'MARZO 2026',
hora: '6:30 PM',
estado: 'CONFIRMADO',
estado_class: 'status-badge'
},
horarios_detalle: [
{ dia: 'Viernes 13 Mar', hora: '4:00 PM', categoria: 'MAYORES PROFESIONAL', modalidad: 'GRUPO SHINES', estado: '✅ Confirmado', estado_class: 'status-badge' },
{ dia: 'Sábado 14 Mar', hora: '6:30 PM', categoria: 'MAYORES PROFESIONAL', modalidad: 'GRUPO SHINES', estado: '✅ Confirmado', estado_class: 'status-badge' }
]
};
cargarDatosParticipante(datosParticipante);
}
*/
