/* ============================================================ PURE SPA — AGENDA · Dashboard /admin/dashboard ============================================================ */ function StatCard({ label, value, sub, icon, tone }) { return (
{label}
{value}
{sub &&
{sub}
} ); } function Dashboard() { const { version, navigate, openModal, can } = useApp(); const todayBk = useMemo(() => PureApi.getBookings({ date: TODAY }) .filter((b) => !["cancelled"].includes(b.status)) .sort((a, b) => a.start.localeCompare(b.start)), [version]); const sales = todayBk.filter((b) => ["paid", "completed"].includes(b.status)).reduce((s, b) => s + b._price, 0); const pendingPay = PureApi.getBookings({ date: TODAY }).filter((b) => b.payStatus === "pending" && !["cancelled", "no_show"].includes(b.status)); const now = new Date(); const nowMin = now.getHours() * 60 + now.getMinutes(); const next = todayBk.find((b) => { const [h, m] = b.start.split(":").map(Number); return h * 60 + m >= nowMin; }) || todayBk[0]; const webCount = PureApi.getBookings({ date: TODAY }).filter((b) => b.origin === "Web").length; const weekCancels = PureApi.getReports().cancellations || 0; // ocupación por camilla (minutos ocupados hoy / minutos disponibles) const openMin = 10 * 60, closeMin = 19 * 60, total = closeMin - openMin; const occupancy = PureApi.getBeds().filter((b) => b.active).map((bed) => { const mins = todayBk.filter((b) => b.bedId === bed.id && ["confirmed", "paid", "completed", "pending_payment", "pending_confirmation"].includes(b.status)) .reduce((s, b) => { const svc = svcOf(b); return s + (svc ? svc.duration + svc.cleanup : 0); }, 0); return { bed, pct: Math.min(100, Math.round((mins / total) * 100)) }; }); // servicios más vendidos const rep = PureApi.getReports(); const topSvc = Object.entries(rep.bySvc).sort((a, b) => b[1] - a[1]); const alerts = []; if (pendingPay.length) alerts.push({ icon: "CreditCard", text: `Hay ${pendingPay.length} reserva${pendingPay.length > 1 ? "s" : ""} pendiente${pendingPay.length > 1 ? "s" : ""} de pago.` }); const maint = PureApi.getBlocks({ date: TODAY }).find((b) => b.reason === "Mantencion" || b.reason === "Mantención"); if (maint) alerts.push({ icon: "Wrench", text: `${bedName(maint.bedId)} tiene un bloqueo de mantención (${maint.start}–${maint.end}).` }); const noPay16 = todayBk.find((b) => b.payStatus === "pending" && b.start >= "15:00"); if (noPay16) alerts.push({ icon: "Clock", text: `La reserva de las ${noPay16.start} (${custName(noPay16)}) aún no tiene pago confirmado.` }); return (
{can("booking:create") && }
b.status === "confirmed" || b.status === "paid").length} confirmadas`} icon="CalendarCheck" /> {can("payment:view") ? ["paid", "completed"].includes(b.status)).length} pagadas`} icon="TrendingUp" /> : b.status === "completed").length} sub="completadas hoy" icon="Check" />} {can("payment:view") && s + b._price, 0))} icon="CreditCard" tone="#F8EFD2" />}
{/* próximas reservas */}

Próximas reservas

Ver agenda
{todayBk.length === 0 &&
No hay reservas para hoy.
} {todayBk.slice(0, 6).map((b, i) => ( ))}
{/* alertas */}

Alertas operativas

{alerts.length === 0 &&
Todo en orden por ahora.
} {alerts.map((a, i) => (
{a.text}
))}
{/* ocupación por camilla */}

Ocupación por camilla

{occupancy.map(({ bed, pct }) => (
{bed.name} {pct}%
))}
{/* fila inferior: servicios más vendidos + próxima reserva destacada */}

Próxima reserva

{next ? ( ) :
Sin próximas reservas hoy.
}

Servicios más vendidos

histórico
{topSvc.map(([name, count]) => { const max = topSvc[0][1]; return (
{name} {count} ventas
); })}
{weekCancels}
Cancelaciones (semana)
{rep.noShows}
No shows
{can("payment:view") &&
{clp(rep.avgTicket)}
Ticket promedio
}
); } Object.assign(window, { Dashboard });