${weekChores}
${this._t('weekly.stat_chores')}
${weekPoints}
${pointsName}
${daysActive}/7
${this._t('weekly.stat_days_active')}
${this._t('weekly.section_chores_per_day')}
${weekDays.map(day => {
const count = (approvedCompletionsByDay[day.key] || []).length;
const isToday = day.key === todayKey;
const isFuture = day.key > todayKey;
const heightPct = isFuture ? 0 : Math.round((count / maxPerDay) * 60);
const barClass = isFuture ? "future" : isToday ? "today" : count === 0 ? "zero" : "past";
return html`
${!isFuture && count > 0 ? count : ''}
${day.short}
`;
})}
${children.length > 0 ? html`
${this._t('weekly.section_children_this_week')}
${children.map(child => {
// Only count approved completions for all per-child stats
const childApprovedCompletions = approvedWeekCompletions.filter(c => c.child_id === child.id);
const childPoints = childApprovedCompletions
.reduce((s, comp) => s + (comp.points !== undefined ? comp.points : (chorePointsMap[comp.chore_id] || 0)), 0);
const childChoreCount = childApprovedCompletions.length;
const childDaysActive = new Set(childApprovedCompletions.map(c =>
new Date(c.completed_at).toLocaleDateString("en-CA", { timeZone: tz })
)).size;
// Avatar now included directly in children array from the overview sensor
const avatar = child.avatar || "mdi:account-circle";
const pct = Math.min((childDaysActive / 7) * 100, 100);
return html`
${child.name}
${this._t('weekly.child_chores', { count: childChoreCount })}
${childPoints} ${pointsName}
${this._t('weekly.child_days', { count: childDaysActive })}
`;
})}
` : ''}