${slot.score} / ${appState.team.length} members in peak productivity: ${slot.attendees.join(', ')}
${slot.score}
Productivity Score
`;
resultsOutput.appendChild(resultCard);
});
};
// --- INITIALIZATION ---
const init = () => {
addMemberBtn.addEventListener('click', handleAddMember);
newMemberNameInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') handleAddMember(); });
teamListContainer.addEventListener('click', handleTeamListInteraction);
teamListContainer.addEventListener('change', handleTeamListInteraction);
prevBtn.addEventListener('click', () => navigateTabs(-1));
nextBtn.addEventListener('click', () => navigateTabs(1));
Object.values(tabButtons).forEach((btn, index) => btn.addEventListener('click', () => goToTab(index + 1)));
downloadPdfBtn.addEventListener('click', handlePdfDownload);
// Add sample data for demonstration
appState.team = [
{ id: 'member-1', name: 'John Miller', productiveHours: { Mon: [9, 10, 11], Tue: [14, 15], Wed: [9, 10], Thu: [], Fri: [9] } },
{ id: 'member-2', name: 'Sarah Chen', productiveHours: { Mon: [13, 14], Tue: [9, 10], Wed: [13, 14, 15], Thu: [10, 11], Fri: [] } }
];
renderTeamList();
updateTabView();
};
init();
});
