);
}
function FilaDia({ abrev, slots }) {
return (
{abrev}
{slots.map((s, i) => {
const tipo = getTipo(s.tipo);
return (
{fmtHora12(s.hora_inicio)}{s.titulo}
);
})}
);
}
// Normaliza el día del slot a un índice 0..6 (0=Dom). Soporta número
// (formato actual según reglas RTDB) y string histórico por tolerancia.
function diaIdx(d) {
if (typeof d === "number" && d >= 0 && d <= 6) return d;
if (typeof d === "string") {
const i = DIAS_FULL.indexOf(d);
if (i >= 0) return i;
const n = Number(d);
if (!isNaN(n) && n >= 0 && n <= 6) return n;
}
return -1;
}
function HorarioSemanal({ horario, proximo_culto }) {
const now = useMemo(() => new Date(), []);
const todayIdx = now.getDay();
const slots = (horario || []).filter((s) => s && (s.activo !== false));
if (slots.length === 0) {
return (
📅
Sin horarios publicados
Esta iglesia aún no ha publicado horarios
);
}
// HOY
const slotsHoy = slots
.filter((s) => diaIdx(s.dia) === todayIdx)
.sort((a, b) => String(a.hora_inicio || "").localeCompare(String(b.hora_inicio || "")));
// Rotación: mañana → 6 días adelante (excluye hoy)
const ordenIdx = [];
for (let i = 1; i <= 6; i++) ordenIdx.push((todayIdx + i) % 7);
const slotsPorDia = {};
slots.forEach((s) => {
const idx = diaIdx(s.dia);
if (idx < 0) return;
(slotsPorDia[idx] = slotsPorDia[idx] || []).push(s);
});
Object.keys(slotsPorDia).forEach((d) =>
slotsPorDia[d].sort((a, b) => String(a.hora_inicio || "").localeCompare(String(b.hora_inicio || "")))
);
const semanaFiltrada = ordenIdx
.map((i) => ({ idx: i, abrev: DIAS_ABREV[i], slots: slotsPorDia[i] || [] }))
.filter((d) => d.slots.length > 0);
// Badge live calculado del lado del cliente sobre el slot de HOY.
// Si proximo_culto viene del backend y hace match por título, lo preferimos.
const nowMin = now.getHours() * 60 + now.getMinutes();
function parseMin(hhmm) {
const [h, m] = String(hhmm || "").split(":").map(Number);
if (isNaN(h) || isNaN(m)) return null;
return h * 60 + m;
}
function liveInfo(slot) {
if (proximo_culto && proximo_culto.titulo === slot.titulo) {
const m = proximo_culto.minutos_para_empezar;
if (m != null) {
if (m >= -60 && m <= 0) return { variant: "vivo", label: "EN VIVO" };
if (m > 0 && m < 180) return { variant: "pronto", label: "En " + m + " min" };
return null;
}
}
const ini = parseMin(slot.hora_inicio);
const fin = parseMin(slot.hora_fin);
if (ini == null || fin == null) return null;
if (nowMin >= ini && nowMin <= fin) return { variant: "vivo", label: "EN VIVO" };
const delta = ini - nowMin;
if (delta > 0 && delta < 180) return { variant: "pronto", label: "En " + delta + " min" };
return null;
}
const fechaLarga = DIAS_FULL[todayIdx] + " " + now.getDate() + " de " + MESES[now.getMonth()];
return (