/* ===== Luxury Academy — Modals ===== */
// ── Toast ─────────────────────────────────────────────────────────────────────
function Toast({ toast, onClose }) {
React.useEffect(() => {
if (!toast) return;
const id = setTimeout(onClose, 3500);
return () => clearTimeout(id);
}, [toast]);
if (!toast) return null;
return (
{toast.type === "ok" ? "✓" : "✕"}{toast.msg}
);
}
// ── Enroll Modal ──────────────────────────────────────────────────────────────
function EnrollModal({ course, lang, onClose }) {
const [name, setName] = React.useState("");
const [phone, setPhone] = React.useState("");
const [sent, setSent] = React.useState(false);
if (!course) return null;
const handleSubmit = (e) => {
e.preventDefault();
const msg = lang === "es"
? `Hola! Me interesa inscribirme al curso *${course.title.es}* (${course.price.es}). Mi nombre es ${name} y mi número es ${phone}.`
: `Hello! I'm interested in enrolling in *${course.title.en}* (${course.price.en}). My name is ${name}, phone: ${phone}.`;
window.open(`https://wa.me/573332716890?text=${encodeURIComponent(msg)}`, "_blank");
setSent(true);
};
return (
e.target === e.currentTarget && onClose()}>
{lang === "es" ? "Inscripción" : "Enrollment"}
{course.title[lang]}
{course.price[lang]}
{sent ? (
✓
{lang === "es"
? "¡Te redirigimos a WhatsApp! Nuestro equipo te contactará pronto."
: "Redirecting to WhatsApp! Our team will contact you shortly."}