{/* Fecha objetivo (opcional) */}
setF(f => ({ ...f, targetDate: d }))} />
{form.targetDate && (
)}
{/* ── El plan de Rumbo — consejo en vivo mientras armás la meta ── */}
{(() => {
const target = toNumberSav(form.target);
const alreadySaved = isEdit ? goalSaved(initial) : 0;
const remaining = Math.max(0, target - alreadySaved);
if (!(target > 0) || remaining <= 0) return null;
const capNote = (perMonth) => {
if (capacity === null) return null;
if (capacity <= 0) return { tone: 'warning', text: 'Tus últimos meses cerraron sin margen. Cualquier aporte chico ya es ganarle al cero — arrancá suave.' };
if (perMonth <= capacity * 0.5) return { tone: 'success', text: `Entra cómodo: es menos de la mitad de lo que te viene sobrando (~${fmt(capacity, currency)}/mes).` };
if (perMonth <= capacity) return { tone: 'warning', text: `Entra en tu margen (~${fmt(capacity, currency)}/mes te viene sobrando), pero sin mucho aire.` };
return { tone: 'danger', text: `Ojo: es más que los ~${fmt(capacity, currency)}/mes que te vienen sobrando. Corré la fecha o ajustá el monto.` };
};
const noteColor = { success: 'var(--success-text)', warning: 'var(--warning-text)', danger: 'var(--danger-text)' };
return (
El plan de Rumbo
{alreadySaved > 0 && (
Ya llevás {fmtFull(alreadySaved, currency)} ahorrados — el plan es por los {fmtFull(remaining, currency)} que te faltan.
Consejo de Rumbo: guardando la mitad de lo que te viene sobrando ({fmt(suggestion.perMonth, currency)}/mes) llegás en {suggestion.label}.
)}
);
})()}
{form.planCadence && (
Cuota elegida: {form.planCadence === 'day' ? 'por día' : form.planCadence === 'week' ? 'por semana' : 'por mes'}.
Rumbo te la recuerda cuando abras la app si el período no está cubierto. Tocá de nuevo para desactivar.
)}
);
})()}
{showIconPicker && (
setF(f => ({ ...f, iconName: ic }))}
onClose={() => setShowIconPicker(false)}
/>
)}
);
};
/* ── Drawer: sumar aporte a una meta ──
`monthLeftover`: lo que sobró del mes en curso (para sugerencias).
`initialAmount`: monto prellenado (viene del Impulso del mes). */
const ContribDrawer = ({ goal, currency, onClose, onAdd, monthLeftover = 0, initialAmount = null }) => {
const todayISO = new Date().toISOString().slice(0, 10);
const [form, setF] = useStSav({ amount: initialAmount ? numToRaw(Math.round(initialAmount)) : '', date: todayISO, note: '' });
const secCard = { background: 'var(--surface-2)', border: '1.5px solid var(--border)', borderRadius: 'var(--r-lg)', padding: '14px 18px', marginBottom: 14 };
const lbl = { fontSize: 11, fontWeight: 700, color: 'var(--t5)', textTransform: 'uppercase', letterSpacing: '0.4px', marginBottom: 8 };
const rawInput = { width: '100%', background: 'none', border: 'none', outline: 'none', color: 'var(--t1)', fontSize: 15, fontFamily: 'var(--font)', fontWeight: 500 };
const saved = goalSaved(goal);
const remaining = Math.max(0, goal.target - saved);
const amount = toNumberSav(form.amount);
// Sugerencias de monto: salen del PLAN de esta meta y de TU sobrante — no de números inventados
const daysLeft = (() => {
const n = new Date();
const last = new Date(n.getFullYear(), n.getMonth() + 1, 0).getDate();
return Math.max(1, last - n.getDate() + 1);
})();
const planMonths = monthsUntilSav(goal.targetDate) ?? (goal.planMonths || 6);
const perDayPlan = remaining > 0 ? planSplitSav(remaining, planMonths).perDay : 0;
const quickOptions = [
perDayPlan > 0 ? { label: `Al ritmo de tu plan (${fmt(perDayPlan, currency)}/día)`, value: Math.round(perDayPlan * daysLeft), hint: `${daysLeft} días` } : null,
monthLeftover > 0 ? { label: '10% de lo que te sobró este mes', value: Math.round(monthLeftover * 0.10) } : null,
monthLeftover > 0 ? { label: 'La mitad de lo que te sobró', value: Math.round(monthLeftover * 0.5) } : null,
].filter(o => o && o.value > 0);
const pctNow = goal.target > 0 ? Math.min(100, Math.round((saved / goal.target) * 100)) : 0;
const pctNext = goal.target > 0 ? Math.min(100, Math.round(((saved + amount) / goal.target) * 100)) : 0;
const submit = () => {
if (amount <= 0) { window.showToast('Ingresá un monto', 'warning'); return; }
onAdd(goal.id, { id: 'gc' + Date.now(), date: form.date || todayISO, amount, note: form.note.trim() || undefined });
onClose();
window.showToast('Aporte sumado a la meta ✓', 'success');
};
return (
<>