);
}
// Componente de Panel de Administración
function AdminPanel() {
const [password, setPassword] = React.useState('');
const [isLoggedIn, setIsLoggedIn] = React.useState(false);
const [error, setError] = React.useState('');
const [loading, setLoading] = React.useState(false);
const [sentList, setSentList] = React.useState(() => {
try {
const saved = localStorage.getItem('concordia_sent_tickets');
return saved ? JSON.parse(saved) : {};
} catch (e) {
return {};
}
});
// Lista de usuarios precargados
const [users, setUsers] = React.useState([
{ id: 1, nombre: "Alejandra", apellidos: "Lumen", telefono: "5530410860", email: "imageplan360@gmail.com", negocio: "Registro Físico", giro: "N/A", qty: 2, total: 1500, editing: false },
{ id: 2, nombre: "Kevin David", apellidos: "Ramirez Corona", telefono: "4426018152", email: "alianzas.comerciales2020@gmail.com", negocio: "Registro Físico", giro: "N/A", qty: 2, total: 1500, editing: false },
{ id: 3, nombre: "Rodrigo", apellidos: "Aguilera", telefono: "5540957350", email: "brainfully@gmail.com", negocio: "Registro Físico", giro: "N/A", qty: 2, total: 1500, editing: false },
{ id: 4, nombre: "Nancy", apellidos: "Gomez Bousquet", telefono: "4424766145", email: "ngomez@grupopadilla.com.mx", negocio: "Registro Físico", giro: "N/A", qty: 2, total: 1500, editing: false },
{ id: 5, nombre: "Guillermo", apellidos: "Zapata", telefono: "5516525981", email: "gzapata.zem@gmail.com", negocio: "Registro Físico", giro: "N/A", qty: 2, total: 1500, editing: false },
{ id: 6, nombre: "Guadalupe", apellidos: "Cruz y Corro Sanchez", telefono: "", email: "gucruz@flowserve.com", negocio: "Registro Físico", giro: "N/A", qty: 2, total: 1500, editing: false },
{ id: 7, nombre: "Juan Carlos", apellidos: "Alvarez", telefono: "4423814592", email: "jcaim1505@gmail.com", negocio: "Registro Físico", giro: "N/A", qty: 2, total: 1500, editing: false },
{ id: 8, nombre: "Miguel", apellidos: "Meráz López", telefono: "4423427164", email: "ivonne_universalpcqro@hotmail.com", negocio: "Registro Físico", giro: "N/A", qty: 2, total: 1500, editing: false },
{ id: 9, nombre: "Lorena", apellidos: "Zorrilla", telefono: "4777542738", email: "lore.desarrolloejecutivo@gmail.com", negocio: "Registro Físico", giro: "N/A", qty: 2, total: 1500, editing: false }
]);
// Formulario de registro manual
const [manualForm, setManualForm] = React.useState({
nombre: '',
apellidos: '',
telefono: '',
email: '',
negocio: 'Registro Físico',
giro: 'N/A',
qty: 2,
total: 1500
});
const [manualStatus, setManualStatus] = React.useState(null); // null | sending | success | error
React.useEffect(() => {
// Verificar si ya hay una sesión guardada
const savedToken = localStorage.getItem('concordia_admin_token');
if (savedToken) {
setIsLoggedIn(true);
}
}, []);
const handleLogin = (e) => {
e.preventDefault();
setLoading(true);
setError('');
fetch('/api/admin/login', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ username: 'Admin', password })
})
.then(res => res.json())
.then(data => {
setLoading(false);
if (data.success) {
localStorage.setItem('concordia_admin_token', data.token);
setIsLoggedIn(true);
} else {
setError(data.error || 'Credenciales incorrectas');
}
})
.catch(err => {
setLoading(false);
setError('Error al conectar con el servidor');
});
};
const handleLogout = () => {
localStorage.removeItem('concordia_admin_token');
setIsLoggedIn(false);
setPassword('');
};
const updateSentStatus = (emailOrId, statusVal, folio = '') => {
setSentList(prev => {
const updated = { ...prev, [emailOrId]: { status: statusVal, folio, date: new Date().toLocaleString() } };
localStorage.setItem('concordia_sent_tickets', JSON.stringify(updated));
return updated;
});
};
const handleSendTicket = (user) => {
// Marcar como enviando
updateSentStatus(user.email, 'sending');
const token = localStorage.getItem('concordia_admin_token');
fetch('/api/admin/enviar-boleto-fisico', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${token}`
},
body: JSON.stringify({
nombre: user.nombre,
apellidos: user.apellidos,
telefono: user.telefono,
email: user.email,
negocio: user.negocio,
giro: user.giro,
qty: user.qty,
total: user.total
})
})
.then(res => res.json())
.then(data => {
if (data.ok) {
updateSentStatus(user.email, 'success', data.folio);
} else {
updateSentStatus(user.email, 'error');
alert('Error al enviar: ' + (data.error || 'Intente de nuevo.'));
}
})
.catch(err => {
updateSentStatus(user.email, 'error');
alert('Error de conexión al enviar el boleto.');
});
};
const handleUserChange = (id, field, value) => {
setUsers(prev => prev.map(u => u.id === id ? { ...u, [field]: value } : u));
};
const toggleUserEdit = (id) => {
setUsers(prev => prev.map(u => u.id === id ? { ...u, editing: !u.editing } : u));
};
const handleManualSubmit = (e) => {
e.preventDefault();
setManualStatus('sending');
const token = localStorage.getItem('concordia_admin_token');
fetch('/api/admin/enviar-boleto-fisico', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${token}`
},
body: JSON.stringify(manualForm)
})
.then(res => res.json())
.then(data => {
if (data.ok) {
setManualStatus('success');
updateSentStatus(manualForm.email + '_manual_' + Date.now(), 'success', data.folio);
setManualForm({
nombre: '',
apellidos: '',
telefono: '',
email: '',
negocio: 'Registro Físico',
giro: 'N/A',
qty: 2,
total: 1500
});
setTimeout(() => setManualStatus(null), 5000);
} else {
setManualStatus('error');
alert('Error al registrar boleto manual: ' + (data.error || 'Intente de nuevo.'));
}
})
.catch(err => {
setManualStatus('error');
alert('Error de conexión al registrar boleto manual.');
});
};
const handleManualInputChange = (e) => {
const { name, value } = e.target;
setManualForm(prev => ({ ...prev, [name]: value }));
};
if (!isLoggedIn) {
return (
Evento de Networking de Alto Nivel
CONEXIÓN Y NEGOCIOS
¡Hola! Gracias por tu interés en nuestro evento exclusivo de networking. Te invitamos a una experiencia diseñada para conectar con empresarios, líderes y profesionales en un ambiente relajado, selecto y estratégico en Querétaro.
Fecha y Hora
3 de Junio • 7:00 PM
Ubicación
Club Altozano Querétaro
CUPO LIMITADO • REGÍSTRATE
Acceso Personal
Incluye registro, cena y actividades de valor
🔥 Promo Especial: 2x$1,500 • 4x$3,000 • 6x$4,500
$
1,500
MXN / 2 accesos
- 🍸 Catering & Cocktelería
- 🤝 Networking de alto valor y conexiones reales
- 🎯 Expo y activaciones
