function MainComponent() { const [children, setChildren] = React.useState([]); const [currentChildId, setCurrentChildId] = React.useState(null); const [currentSection, setCurrentSection] = React.useState("home"); const [taskInput, setTaskInput] = React.useState(""); const [taskPoints, setTaskPoints] = React.useState(""); const [rewardInput, setRewardInput] = React.useState(""); const [rewardPoints, setRewardPoints] = React.useState(""); const [childNameInput, setChildNameInput] = React.useState(""); const [taskError, setTaskError] = React.useState(""); const [rewardError, setRewardError] = React.useState(""); const [childError, setChildError] = React.useState(""); const [pointsToRemove, setPointsToRemove] = React.useState(""); const [pointsError, setPointsError] = React.useState(""); const [selectedRewardId, setSelectedRewardId] = React.useState(""); // Load data from localStorage on component mount React.useEffect(()=>{ const savedChildren = localStorage.getItem("children"); if (savedChildren) { const parsedChildren = JSON.parse(savedChildren); parsedChildren.forEach((child)=>{ child.tasks = child.tasks || []; child.rewards = child.rewards || []; child.points = child.points || 0; child.lifetimePoints = child.lifetimePoints || 0; child.image = child.image || ""; child.completedTasks = child.completedTasks || 0; child.redeemedRewards = child.redeemedRewards || 0; }); setChildren(parsedChildren); if (parsedChildren.length > 0) { setCurrentChildId(parsedChildren[0].id); } } checkWeeklyReset(); }, []); // Save data to localStorage whenever children state changes React.useEffect(()=>{ if (children.length > 0) { localStorage.setItem("children", JSON.stringify(children)); localStorage.setItem("lastReset", new Date().toISOString().split("T")[0]); } }, [ children ]); // Get current week start (Monday) const getWeekStart = ()=>{ const now = new Date(); const day = now.getDay(); const diff = day === 0 ? -6 : 1 - day; const monday = new Date(now); monday.setDate(now.getDate() + diff); monday.setHours(0, 0, 0, 0); return monday; }; // Get current week end (Sunday) const getWeekEnd = ()=>{ const sunday = new Date(getWeekStart()); sunday.setDate(sunday.getDate() + 6); sunday.setHours(23, 59, 59, 999); return sunday; }; // Check and reset weekly points const checkWeeklyReset = ()=>{ const lastReset = localStorage.getItem("lastReset"); const now = new Date(); const weekEnd = getWeekEnd(); if (!lastReset || new Date(lastReset) < weekEnd) { setChildren((prevChildren)=>prevChildren.map((child)=>({ ...child, points: 0, completedTasks: 0, redeemedRewards: 0 }))); } }; // Manual week reset const resetWeek = ()=>{ if (confirm("Are you sure you want to reset all children's points for this week? Tasks will be kept.")) { setChildren((prevChildren)=>prevChildren.map((child)=>({ ...child, points: 0, completedTasks: 0, redeemedRewards: 0 }))); alert("Week reset successfully! Tasks have been kept for the new week."); } }; // Get week display string const getWeekDisplay = ()=>{ const weekStart = getWeekStart(); const weekEnd = getWeekEnd(); const options = { month: "short", day: "numeric" }; return `Week: ${weekStart.toLocaleDateString("en-US", options)} - ${weekEnd.toLocaleDateString("en-US", options)}`; }; // Show section const showSection = (section)=>{ setCurrentSection(section); }; // Add Child const addChild = ()=>{ const name = childNameInput.trim(); if (name === "") { setChildError("Please enter a child's name."); return; } setChildError(""); const child = { id: Date.now(), name, image: "", tasks: [], rewards: [], points: 0, completedTasks: 0, redeemedRewards: 0 }; setChildren((prev)=>[ ...prev, child ]); setCurrentChildId(child.id); setChildNameInput(""); }; // Add Task const addTask = (isPositive)=>{ const taskText = taskInput.trim(); const pointsValue = parseInt(taskPoints); if (!currentChildId) { setTaskError("Please select or add a child first."); return; } if (taskText === "" || isNaN(pointsValue) || pointsValue < 0) { setTaskError("Please enter a valid task and points."); return; } setTaskError(""); setChildren((prev)=>prev.map((child)=>child.id === currentChildId ? { ...child, tasks: [ ...child.tasks, { text: taskText, points: isPositive ? pointsValue : -pointsValue, id: Date.now() } ] } : child)); setTaskInput(""); setTaskPoints(""); }; // Add Reward const addReward = ()=>{ const rewardText = rewardInput.trim(); const pointsValue = parseInt(rewardPoints); if (!currentChildId) { setRewardError("Please select or add a child first."); return; } if (rewardText === "" || isNaN(pointsValue) || pointsValue <= 0) { setRewardError("Please enter a valid reward and points."); return; } setRewardError(""); setChildren((prev)=>prev.map((child)=>child.id === currentChildId ? { ...child, rewards: [ ...child.rewards, { text: rewardText, points: pointsValue, id: Date.now() } ] } : child)); setRewardInput(""); setRewardPoints(""); }; // Complete Task const completeTask = (taskId)=>{ setChildren((prev)=>prev.map((child)=>{ if (child.id === currentChildId) { const task = child.tasks.find((t)=>t.id === taskId); if (task) { return { ...child, points: child.points + task.points, lifetimePoints: (child.lifetimePoints || 0) + Math.max(0, task.points), completedTasks: child.completedTasks + 1, tasks: child.tasks.filter((t)=>t.id !== taskId) }; } } return child; })); }; // Delete Task const deleteTask = (taskId)=>{ setChildren((prev)=>prev.map((child)=>child.id === currentChildId ? { ...child, tasks: child.tasks.filter((t)=>t.id !== taskId) } : child)); }; // Redeem Reward const redeemReward = (rewardId)=>{ const child = children.find((c)=>c.id === currentChildId); const reward = child?.rewards.find((r)=>r.id === rewardId); if (reward && child.points >= reward.points) { setChildren((prev)=>prev.map((c)=>c.id === currentChildId ? { ...c, points: c.points - reward.points, redeemedRewards: c.redeemedRewards + 1, rewards: c.rewards.filter((r)=>r.id !== rewardId) } : c)); alert(`Reward "${reward.text}" redeemed for ${child.name}!`); } }; // Delete Reward const deleteReward = (rewardId)=>{ setChildren((prev)=>prev.map((child)=>child.id === currentChildId ? { ...child, rewards: child.rewards.filter((r)=>r.id !== rewardId) } : child)); }; // Remove Child const removeChild = (childId)=>{ if (confirm("Are you sure you want to remove this child? This action cannot be undone.")) { setChildren((prev)=>prev.filter((child)=>child.id !== childId)); if (currentChildId === childId) { setCurrentChildId(null); } } }; const currentChild = children.find((c)=>c.id === currentChildId); // Add a new function to deduct points const deductPoints = ()=>{ const pointsToDeduct = parseInt(pointsToRemove); const selectedReward = currentChild?.rewards?.find((r)=>r.id === selectedRewardId); if (!selectedRewardId) { setPointsError("Please select a reward first"); return; } if (isNaN(pointsToDeduct) || pointsToDeduct <= 0) { setPointsError("Please enter a valid number of points to remove"); return; } if (!currentChildId) { setPointsError("Please select a child first"); return; } if (!selectedReward) { setPointsError("Selected reward not found"); return; } const currentPoints = selectedReward.currentPoints || 0; if (currentPoints < pointsToDeduct) { setPointsError("Cannot remove more points than the reward has"); return; } setPointsError(""); setChildren((prev)=>prev.map((child)=>child.id === currentChildId ? { ...child, rewards: child.rewards.map((r)=>r.id === selectedRewardId ? { ...r, currentPoints: (r.currentPoints || 0) - pointsToDeduct } : r) } : child)); setPointsToRemove(""); setSelectedRewardId(""); alert(`Removed ${pointsToDeduct} points from "${selectedReward.text}" reward`); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-orange-400 via-red-500 to-pink-500 min-h-screen font-sans", __source: { fileName: "", lineNumber: 348, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 pb-8 shadow-lg", __source: { fileName: "", lineNumber: 350, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 351, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/dads-dojo-logo.png", download: "dads-dojo-logo.png", className: "inline-block", __source: { fileName: "", lineNumber: 352, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-orange-400 via-red-500 to-pink-500 rounded-2xl p-3 inline-block shadow-xl mb-4 transform hover:scale-105 transition-transform", __source: { fileName: "", lineNumber: 357, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white", __source: { fileName: "", lineNumber: 359, columnNumber: 17 }, __self: this }, "Dad's", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 361, columnNumber: 19 }, __self: this }), "Dojo")))), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-lg font-medium leading-snug max-w-xs mx-auto", __source: { fileName: "", lineNumber: 367, columnNumber: 11 }, __self: this }, "The no-fuss app for Dads to get their kids to do their best"))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-orange-500 to-red-500 shadow-lg sticky top-0 z-10", __source: { fileName: "", lineNumber: 374, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-around py-4 px-2", __source: { fileName: "", lineNumber: 375, columnNumber: 9 }, __self: this }, [ { key: "home", label: "Home", icon: "fas fa-home" }, { key: "tasks", label: "Tasks", icon: "fas fa-tasks" }, { key: "rewards", label: "Rewards", icon: "fas fa-gift" }, { key: "scores", label: "Scores", icon: "fas fa-trophy" }, { key: "settings", label: "Settings", icon: "fas fa-cog" } ].map((section)=>/*#__PURE__*/ React.createElement("button", { key: section.key, onClick: ()=>showSection(section.key), className: `flex flex-col items-center px-2 py-3 rounded-xl transition-all min-w-[60px] ${currentSection === section.key ? "bg-white bg-opacity-25 text-white shadow-lg scale-105" : "text-white hover:bg-white hover:bg-opacity-15 active:scale-95"}`, __source: { fileName: "", lineNumber: 383, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${section.icon} text-lg mb-1 !text-white`, __source: { fileName: "", lineNumber: 392, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-semibold", __source: { fileName: "", lineNumber: 393, columnNumber: 15 }, __self: this }, section.label))))), /*#__PURE__*/ React.createElement("div", { className: "p-4 pb-8", __source: { fileName: "", lineNumber: 400, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl mx-auto max-w-md overflow-hidden", __source: { fileName: "", lineNumber: 401, columnNumber: 9 }, __self: this }, currentSection === "home" && /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 404, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 405, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-orange-100 to-red-100 p-6 rounded-2xl mb-6", __source: { fileName: "", lineNumber: 406, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-800 mb-3", __source: { fileName: "", lineNumber: 407, columnNumber: 19 }, __self: this }, "Welcome to Dad's Dojo!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 leading-relaxed", __source: { fileName: "", lineNumber: 410, columnNumber: 19 }, __self: this }, "The app that helps dads motivate their kids to shine! Assign tasks, award points, and offer exciting", " ", /*#__PURE__*/ React.createElement("span", { className: "font-bold text-green-600", __source: { fileName: "", lineNumber: 413, columnNumber: 21 }, __self: this }, "rewards"), " to", " ", /*#__PURE__*/ React.createElement("span", { className: "font-bold text-blue-600", __source: { fileName: "", lineNumber: 414, columnNumber: 21 }, __self: this }, "encourage"), " ", /*#__PURE__*/ React.createElement("span", { className: "font-bold text-purple-600", __source: { fileName: "", lineNumber: 415, columnNumber: 21 }, __self: this }, "responsibility"), " ", "and fun.")), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-50 p-4 rounded-xl mb-6", __source: { fileName: "", lineNumber: 423, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 424, columnNumber: 19 }, __self: this }, "Getting Started:"), /*#__PURE__*/ React.createElement("div", { className: "text-left space-y-2 text-sm text-gray-700", __source: { fileName: "", lineNumber: 427, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 428, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-purple-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-xs font-bold mr-3", __source: { fileName: "", lineNumber: 429, columnNumber: 23 }, __self: this }, "1"), "Add a child in Settings"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 434, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-xs font-bold mr-3", __source: { fileName: "", lineNumber: 435, columnNumber: 23 }, __self: this }, "2"), "Create tasks and rewards"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 440, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-yellow-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-xs font-bold mr-3", __source: { fileName: "", lineNumber: 441, columnNumber: 23 }, __self: this }, "3"), "Track progress in Scores")))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>showSection("settings"), className: "w-full bg-gradient-to-r from-orange-500 to-red-500 text-white py-4 rounded-2xl hover:from-orange-600 hover:to-red-600 shadow-lg font-bold text-lg active:scale-95 transition-transform", __source: { fileName: "", lineNumber: 450, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle mr-2", __source: { fileName: "", lineNumber: 454, columnNumber: 17 }, __self: this }), "Add Your First Child"), /*#__PURE__*/ React.createElement("div", { className: "mt-8 border-t border-gray-200 pt-6", __source: { fileName: "", lineNumber: 458, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 mb-6", __source: { fileName: "", lineNumber: 459, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 460, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center mb-2 mx-auto", __source: { fileName: "", lineNumber: 461, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt !text-orange-500 text-xl", __source: { fileName: "", lineNumber: 462, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 464, columnNumber: 21 }, __self: this }, "Safe & Secure")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 466, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-2 mx-auto", __source: { fileName: "", lineNumber: 467, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-mobile-alt !text-blue-500 text-xl", __source: { fileName: "", lineNumber: 468, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 470, columnNumber: 21 }, __self: this }, "Works Offline")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 472, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mb-2 mx-auto", __source: { fileName: "", lineNumber: 473, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart !text-green-500 text-xl", __source: { fileName: "", lineNumber: 474, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 476, columnNumber: 21 }, __self: this }, "Kid Friendly"))), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 text-center border-t border-gray-100 pt-6", __source: { fileName: "", lineNumber: 479, columnNumber: 17 }, __self: this }, "© 2025 Dad's Dojo. Made for dads who just need a hand now and then!"))), currentSection === "tasks" && /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 489, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 491, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-gray-700 mb-3", __source: { fileName: "", lineNumber: 492, columnNumber: 17 }, __self: this }, "Select Child:"), /*#__PURE__*/ React.createElement("select", { value: currentChildId || "", onChange: (e)=>setCurrentChildId(parseInt(e.target.value)), className: "w-full p-4 border-2 border-gray-200 rounded-2xl focus:outline-none focus:border-orange-500 bg-gray-50 text-lg font-medium", __source: { fileName: "", lineNumber: 495, columnNumber: 17 }, __self: this }, children.length === 0 ? /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 501, columnNumber: 21 }, __self: this }, "No children added") : children.map((child)=>/*#__PURE__*/ React.createElement("option", { key: child.id, value: child.id, __source: { fileName: "", lineNumber: 504, columnNumber: 23 }, __self: this }, child.name)))), currentChild && /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-gradient-to-r from-blue-500 to-purple-600 text-white p-6 rounded-2xl text-center", __source: { fileName: "", lineNumber: 514, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 515, columnNumber: 19 }, __self: this }, "Current Points"), /*#__PURE__*/ React.createElement("p", { className: "text-5xl font-bold mb-2", __source: { fileName: "", lineNumber: 516, columnNumber: 19 }, __self: this }, currentChild.points), /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-90", __source: { fileName: "", lineNumber: 519, columnNumber: 19 }, __self: this }, getWeekDisplay())), /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-blue-50 p-5 rounded-2xl", __source: { fileName: "", lineNumber: 524, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 525, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle text-blue-500 mr-3 text-xl", __source: { fileName: "", lineNumber: 526, columnNumber: 19 }, __self: this }), "Add Task"), /*#__PURE__*/ React.createElement("input", { type: "text", value: taskInput, onChange: (e)=>setTaskInput(e.target.value), placeholder: "Enter task name", className: "w-full p-4 mb-4 border-2 border-gray-200 rounded-2xl focus:outline-none focus:border-blue-500 text-lg", onKeyPress: (e)=>e.key === "Enter" && addTask(true), __source: { fileName: "", lineNumber: 531, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 541, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 542, columnNumber: 19 }, __self: this }, "Or choose from preset tasks:"), /*#__PURE__*/ React.createElement("select", { onChange: (e)=>{ if (e.target.value === "custom") { setTaskInput(""); } else if (e.target.value) { setTaskInput(e.target.value); } }, className: "w-full p-4 border-2 border-gray-200 rounded-2xl focus:outline-none focus:border-blue-500 text-lg bg-white", __source: { fileName: "", lineNumber: 545, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 555, columnNumber: 21 }, __self: this }, "Select a preset task..."), /*#__PURE__*/ React.createElement("option", { value: "Applying suncream", __source: { fileName: "", lineNumber: 556, columnNumber: 21 }, __self: this }, "Applying suncream"), /*#__PURE__*/ React.createElement("option", { value: "Be kind and respectful to others", __source: { fileName: "", lineNumber: 557, columnNumber: 21 }, __self: this }, "Be kind and respectful to others"), /*#__PURE__*/ React.createElement("option", { value: "Be kind to family members", __source: { fileName: "", lineNumber: 560, columnNumber: 21 }, __self: this }, "Be kind to family members"), /*#__PURE__*/ React.createElement("option", { value: "Being polite", __source: { fileName: "", lineNumber: 563, columnNumber: 21 }, __self: this }, "Being polite"), /*#__PURE__*/ React.createElement("option", { value: "Brush hair", __source: { fileName: "", lineNumber: 564, columnNumber: 21 }, __self: this }, "Brush hair"), /*#__PURE__*/ React.createElement("option", { value: "Brush teeth", __source: { fileName: "", lineNumber: 565, columnNumber: 21 }, __self: this }, "Brush teeth"), /*#__PURE__*/ React.createElement("option", { value: "Brush teeth and wash face", __source: { fileName: "", lineNumber: 566, columnNumber: 21 }, __self: this }, "Brush teeth and wash face"), /*#__PURE__*/ React.createElement("option", { value: "Clean up after eating", __source: { fileName: "", lineNumber: 569, columnNumber: 21 }, __self: this }, "Clean up after eating"), /*#__PURE__*/ React.createElement("option", { value: "Complete homework", __source: { fileName: "", lineNumber: 572, columnNumber: 21 }, __self: this }, "Complete homework"), /*#__PURE__*/ React.createElement("option", { value: "Doing good listening", __source: { fileName: "", lineNumber: 573, columnNumber: 21 }, __self: this }, "Doing good listening"), /*#__PURE__*/ React.createElement("option", { value: "Drinking enough water", __source: { fileName: "", lineNumber: 576, columnNumber: 21 }, __self: this }, "Drinking enough water"), /*#__PURE__*/ React.createElement("option", { value: "Eat breakfast", __source: { fileName: "", lineNumber: 579, columnNumber: 21 }, __self: this }, "Eat breakfast"), /*#__PURE__*/ React.createElement("option", { value: "Eating Tea/ Dinner", __source: { fileName: "", lineNumber: 580, columnNumber: 21 }, __self: this }, "Eating Tea/ Dinner"), /*#__PURE__*/ React.createElement("option", { value: "Get dressed (school clothes or appropriate attire)", __source: { fileName: "", lineNumber: 583, columnNumber: 21 }, __self: this }, "Get dressed (school clothes or appropriate attire)"), /*#__PURE__*/ React.createElement("option", { value: "Get to bed on time", __source: { fileName: "", lineNumber: 586, columnNumber: 21 }, __self: this }, "Get to bed on time"), /*#__PURE__*/ React.createElement("option", { value: "Help with dinner (e.g., set table, clear dishes)", __source: { fileName: "", lineNumber: 589, columnNumber: 21 }, __self: this }, "Help with dinner (e.g., set table, clear dishes)"), /*#__PURE__*/ React.createElement("option", { value: "Helping Daddy", __source: { fileName: "", lineNumber: 592, columnNumber: 21 }, __self: this }, "Helping Daddy"), /*#__PURE__*/ React.createElement("option", { value: "Helping others", __source: { fileName: "", lineNumber: 593, columnNumber: 21 }, __self: this }, "Helping others"), /*#__PURE__*/ React.createElement("option", { value: "Lay out clothes for the next day", __source: { fileName: "", lineNumber: 594, columnNumber: 21 }, __self: this }, "Lay out clothes for the next day"), /*#__PURE__*/ React.createElement("option", { value: "Leave for school on time", __source: { fileName: "", lineNumber: 597, columnNumber: 21 }, __self: this }, "Leave for school on time"), /*#__PURE__*/ React.createElement("option", { value: "Listen carefully and follow instructions", __source: { fileName: "", lineNumber: 600, columnNumber: 21 }, __self: this }, "Listen carefully and follow instructions"), /*#__PURE__*/ React.createElement("option", { value: "Make the bed", __source: { fileName: "", lineNumber: 603, columnNumber: 21 }, __self: this }, "Make the bed"), /*#__PURE__*/ React.createElement("option", { value: "Pack Lunch", __source: { fileName: "", lineNumber: 604, columnNumber: 21 }, __self: this }, "Pack Lunch"), /*#__PURE__*/ React.createElement("option", { value: "Playing nicely", __source: { fileName: "", lineNumber: 605, columnNumber: 21 }, __self: this }, "Playing nicely"), /*#__PURE__*/ React.createElement("option", { value: "Put away school bag", __source: { fileName: "", lineNumber: 606, columnNumber: 21 }, __self: this }, "Put away school bag"), /*#__PURE__*/ React.createElement("option", { value: "Put on shoes and jacket", __source: { fileName: "", lineNumber: 609, columnNumber: 21 }, __self: this }, "Put on shoes and jacket"), /*#__PURE__*/ React.createElement("option", { value: "Reading time", __source: { fileName: "", lineNumber: 612, columnNumber: 21 }, __self: this }, "Reading time"), /*#__PURE__*/ React.createElement("option", { value: "School Bags Ready", __source: { fileName: "", lineNumber: 613, columnNumber: 21 }, __self: this }, "School Bags Ready"), /*#__PURE__*/ React.createElement("option", { value: "Take a bath or shower", __source: { fileName: "", lineNumber: 614, columnNumber: 21 }, __self: this }, "Take a bath or shower"), /*#__PURE__*/ React.createElement("option", { value: "Take responsibility for your actions", __source: { fileName: "", lineNumber: 617, columnNumber: 21 }, __self: this }, "Take responsibility for your actions"), /*#__PURE__*/ React.createElement("option", { value: "Taking turns and sharing", __source: { fileName: "", lineNumber: 620, columnNumber: 21 }, __self: this }, "Taking turns and sharing"), /*#__PURE__*/ React.createElement("option", { value: "Tidying up space (e.g., room, play area)", __source: { fileName: "", lineNumber: 623, columnNumber: 21 }, __self: this }, "Tidying up space (e.g., room, play area)"), /*#__PURE__*/ React.createElement("option", { value: "Trying your best", __source: { fileName: "", lineNumber: 626, columnNumber: 21 }, __self: this }, "Trying your best"), /*#__PURE__*/ React.createElement("option", { value: "Use gentle hands and kind words", __source: { fileName: "", lineNumber: 627, columnNumber: 21 }, __self: this }, "Use gentle hands and kind words"), /*#__PURE__*/ React.createElement("option", { value: "Use polite words (please, thank you, excuse me)", __source: { fileName: "", lineNumber: 630, columnNumber: 21 }, __self: this }, "Use polite words (please, thank you, excuse me)"), /*#__PURE__*/ React.createElement("option", { value: "Wake up on time", __source: { fileName: "", lineNumber: 633, columnNumber: 21 }, __self: this }, "Wake up on time"), /*#__PURE__*/ React.createElement("option", { value: "Wash face", __source: { fileName: "", lineNumber: 634, columnNumber: 21 }, __self: this }, "Wash face"))), /*#__PURE__*/ React.createElement("input", { type: "number", value: taskPoints, onChange: (e)=>setTaskPoints(e.target.value), placeholder: "Points (e.g., 10)", min: "0", className: "w-full p-4 mb-4 border-2 border-gray-200 rounded-2xl focus:outline-none focus:border-blue-500 text-lg", __source: { fileName: "", lineNumber: 638, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>addTask(true), className: "w-full bg-blue-500 text-white py-4 rounded-2xl hover:bg-blue-600 font-bold text-lg shadow-lg active:scale-95 transition-transform", __source: { fileName: "", lineNumber: 646, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 650, columnNumber: 19 }, __self: this }), "Add Task"), taskError && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 bg-red-100 border border-red-300 rounded-xl", __source: { fileName: "", lineNumber: 654, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-sm font-medium", __source: { fileName: "", lineNumber: 655, columnNumber: 21 }, __self: this }, taskError))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 663, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 664, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list text-orange-500 mr-3 text-xl", __source: { fileName: "", lineNumber: 665, columnNumber: 19 }, __self: this }), "Current Tasks"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 668, columnNumber: 17 }, __self: this }, currentChild?.tasks?.map((task)=>/*#__PURE__*/ React.createElement("div", { key: task.id, className: "bg-gray-50 p-4 rounded-2xl border-l-4 border-orange-400 shadow-sm", __source: { fileName: "", lineNumber: 670, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-3", __source: { fileName: "", lineNumber: 674, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 675, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold text-gray-800 text-lg mb-1", __source: { fileName: "", lineNumber: 676, columnNumber: 27 }, __self: this }, task.text), /*#__PURE__*/ React.createElement("div", { className: `inline-flex items-center px-3 py-1 rounded-full text-sm font-bold ${task.points > 0 ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, __source: { fileName: "", lineNumber: 679, columnNumber: 27 }, __self: this }, task.points > 0 ? "+" : "", task.points, " pts"))), currentChild?.rewards && currentChild.rewards.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 693, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-50 p-3 rounded-xl", __source: { fileName: "", lineNumber: 694, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-600 mb-2", __source: { fileName: "", lineNumber: 695, columnNumber: 29 }, __self: this }, "Complete task and add points towards:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-2", __source: { fileName: "", lineNumber: 698, columnNumber: 29 }, __self: this }, currentChild.rewards.map((reward)=>/*#__PURE__*/ React.createElement("button", { key: reward.id, onClick: ()=>{ completeTask(task.id); // Update points specifically for this reward setChildren((prev)=>prev.map((child)=>child.id === currentChildId ? { ...child, rewards: child.rewards.map((r)=>r.id === reward.id ? { ...r, currentPoints: (r.currentPoints || 0) + task.points } : r) } : child)); }, className: "bg-white text-sm py-2 px-3 rounded-lg hover:bg-blue-50 border border-blue-200 transition-colors", __source: { fileName: "", lineNumber: 700, columnNumber: 33 }, __self: this }, reward.text, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-blue-600 font-medium", __source: { fileName: "", lineNumber: 728, columnNumber: 35 }, __self: this }, reward.currentPoints || 0, "/", reward.points, " ", "pts"))))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>deleteTask(task.id), className: "w-full bg-red-500 text-white px-4 py-3 rounded-xl hover:bg-red-600 font-bold shadow-md active:scale-95 transition-transform", __source: { fileName: "", lineNumber: 736, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash mr-2", __source: { fileName: "", lineNumber: 740, columnNumber: 29 }, __self: this }), "Delete Task")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 745, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-50 p-3 rounded-xl text-center", __source: { fileName: "", lineNumber: 746, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-yellow-800", __source: { fileName: "", lineNumber: 747, columnNumber: 29 }, __self: this }, "Add some rewards first to complete tasks!")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>deleteTask(task.id), className: "w-full bg-red-500 text-white px-4 py-3 rounded-xl hover:bg-red-600 font-bold shadow-md active:scale-95 transition-transform", __source: { fileName: "", lineNumber: 751, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash mr-2", __source: { fileName: "", lineNumber: 755, columnNumber: 29 }, __self: this }), "Delete Task")))), (!currentChild?.tasks || currentChild.tasks.length === 0) && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 bg-gray-50 rounded-2xl", __source: { fileName: "", lineNumber: 764, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tasks text-gray-300 text-4xl mb-3", __source: { fileName: "", lineNumber: 765, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 italic", __source: { fileName: "", lineNumber: 766, columnNumber: 23 }, __self: this }, "No tasks yet. Add one above!"))))), currentSection === "rewards" && /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 778, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 780, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-gray-700 mb-3", __source: { fileName: "", lineNumber: 781, columnNumber: 17 }, __self: this }, "Select Child:"), /*#__PURE__*/ React.createElement("select", { value: currentChildId || "", onChange: (e)=>setCurrentChildId(parseInt(e.target.value)), className: "w-full p-4 border-2 border-gray-200 rounded-2xl focus:outline-none focus:border-orange-500 bg-gray-50 text-lg font-medium", __source: { fileName: "", lineNumber: 784, columnNumber: 17 }, __self: this }, children.length === 0 ? /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 790, columnNumber: 21 }, __self: this }, "No children added") : children.map((child)=>/*#__PURE__*/ React.createElement("option", { key: child.id, value: child.id, __source: { fileName: "", lineNumber: 793, columnNumber: 23 }, __self: this }, child.name)))), /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-green-50 p-5 rounded-2xl", __source: { fileName: "", lineNumber: 802, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 803, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-gift text-green-500 mr-3 text-xl", __source: { fileName: "", lineNumber: 804, columnNumber: 19 }, __self: this }), "Add", " ", /*#__PURE__*/ React.createElement("span", { className: "font-bold text-green-600", __source: { fileName: "", lineNumber: 806, columnNumber: 19 }, __self: this }, " Reward")), /*#__PURE__*/ React.createElement("input", { type: "text", value: rewardInput, onChange: (e)=>setRewardInput(e.target.value), placeholder: "Enter reward (e.g., Ice cream)", className: "w-full p-4 mb-4 border-2 border-gray-200 rounded-2xl focus:outline-none focus:border-green-500 text-lg", onKeyPress: (e)=>e.key === "Enter" && addReward(), __source: { fileName: "", lineNumber: 808, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", value: rewardPoints, onChange: (e)=>setRewardPoints(e.target.value), placeholder: "Points needed (e.g., 50)", min: "1", className: "w-full p-4 mb-4 border-2 border-gray-200 rounded-2xl focus:outline-none focus:border-green-500 text-lg", __source: { fileName: "", lineNumber: 816, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: addReward, className: "w-full bg-green-500 text-white py-4 rounded-2xl hover:bg-green-600 font-bold text-lg shadow-lg active:scale-95 transition-transform", __source: { fileName: "", lineNumber: 824, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 828, columnNumber: 19 }, __self: this }), "Add ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 829, columnNumber: 23 }, __self: this }, " Reward")), rewardError && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 bg-red-100 border border-red-300 rounded-xl", __source: { fileName: "", lineNumber: 832, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-sm font-medium", __source: { fileName: "", lineNumber: 833, columnNumber: 21 }, __self: this }, rewardError))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 841, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 842, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-500 mr-3 text-xl", __source: { fileName: "", lineNumber: 843, columnNumber: 19 }, __self: this }), "Available ", /*#__PURE__*/ React.createElement("span", { className: "font-bold text-green-600", __source: { fileName: "", lineNumber: 845, columnNumber: 19 }, __self: this }, "Rewards")), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 847, columnNumber: 17 }, __self: this }, currentChild?.rewards?.map((reward)=>/*#__PURE__*/ React.createElement("div", { key: reward.id, className: "bg-yellow-50 p-4 rounded-2xl border-l-4 border-yellow-400 shadow-sm", __source: { fileName: "", lineNumber: 849, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-3", __source: { fileName: "", lineNumber: 853, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 854, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold text-gray-800 text-lg mb-1", __source: { fileName: "", lineNumber: 855, columnNumber: 27 }, __self: this }, reward.text), /*#__PURE__*/ React.createElement("div", { className: "inline-flex items-center px-3 py-1 rounded-full text-sm font-bold bg-yellow-100 text-yellow-700", __source: { fileName: "", lineNumber: 858, columnNumber: 27 }, __self: this }, reward.points, " pts needed"))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 863, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>redeemReward(reward.id), disabled: !currentChild || currentChild.points < reward.points, className: `flex-1 py-3 rounded-xl font-bold shadow-md active:scale-95 transition-transform ${!currentChild || currentChild.points < reward.points ? "bg-gray-300 text-gray-500 cursor-not-allowed" : "bg-blue-500 text-white hover:bg-blue-600"}`, __source: { fileName: "", lineNumber: 864, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-gift mr-2", __source: { fileName: "", lineNumber: 875, columnNumber: 27 }, __self: this }), "Redeem"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>deleteReward(reward.id), className: "bg-red-500 text-white px-4 py-3 rounded-xl hover:bg-red-600 font-bold shadow-md active:scale-95 transition-transform", __source: { fileName: "", lineNumber: 878, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 882, columnNumber: 27 }, __self: this }))))), (!currentChild?.rewards || currentChild.rewards.length === 0) && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 bg-gray-50 rounded-2xl", __source: { fileName: "", lineNumber: 889, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-gift text-gray-300 text-4xl mb-3", __source: { fileName: "", lineNumber: 890, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 italic", __source: { fileName: "", lineNumber: 891, columnNumber: 23 }, __self: this }, "No rewards yet. Add one above!")))), /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-red-50 p-5 rounded-2xl", __source: { fileName: "", lineNumber: 900, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 901, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-minus-circle text-red-500 mr-3 text-xl", __source: { fileName: "", lineNumber: 902, columnNumber: 19 }, __self: this }), "Remove Points from Reward"), currentChild && currentChild.rewards && currentChild.rewards.length > 0 ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 910, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 911, columnNumber: 23 }, __self: this }, "Select Reward:"), /*#__PURE__*/ React.createElement("select", { value: selectedRewardId, onChange: (e)=>setSelectedRewardId(e.target.value), className: "w-full p-4 border-2 border-gray-200 rounded-2xl focus:outline-none focus:border-red-500 bg-white text-lg", __source: { fileName: "", lineNumber: 914, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 919, columnNumber: 25 }, __self: this }, "Choose a reward..."), currentChild.rewards.map((reward)=>/*#__PURE__*/ React.createElement("option", { key: reward.id, value: reward.id, __source: { fileName: "", lineNumber: 921, columnNumber: 27 }, __self: this }, reward.text, " (", reward.currentPoints || 0, "/", reward.points, " pts)")))), selectedRewardId && /*#__PURE__*/ React.createElement("div", { className: "mb-4 bg-white p-4 rounded-xl text-center", __source: { fileName: "", lineNumber: 930, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-1", __source: { fileName: "", lineNumber: 931, columnNumber: 25 }, __self: this }, "Current Progress"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 934, columnNumber: 25 }, __self: this }, currentChild.rewards.find((r)=>r.id === selectedRewardId)?.currentPoints || 0, " ", "pts")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 943, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", value: pointsToRemove, onChange: (e)=>setPointsToRemove(e.target.value), placeholder: "Points to remove", min: "1", className: "w-full p-4 border-2 border-gray-200 rounded-2xl focus:outline-none focus:border-red-500 text-lg", onKeyPress: (e)=>e.key === "Enter" && deductPoints(), __source: { fileName: "", lineNumber: 944, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: deductPoints, className: "w-full bg-red-500 text-white py-4 rounded-2xl hover:bg-red-600 font-bold text-lg shadow-lg active:scale-95 transition-transform", __source: { fileName: "", lineNumber: 955, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-minus mr-2", __source: { fileName: "", lineNumber: 959, columnNumber: 23 }, __self: this }), "Remove Points")) : /*#__PURE__*/ React.createElement("div", { className: "text-center py-6 bg-white rounded-xl", __source: { fileName: "", lineNumber: 964, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-500 text-3xl mb-3", __source: { fileName: "", lineNumber: 965, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 966, columnNumber: 21 }, __self: this }, "No rewards available. Add some rewards first!")), pointsError && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 bg-red-100 border border-red-300 rounded-xl", __source: { fileName: "", lineNumber: 973, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-sm font-medium", __source: { fileName: "", lineNumber: 974, columnNumber: 21 }, __self: this }, pointsError)))), currentSection === "scores" && /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 985, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800 mb-6 flex items-center", __source: { fileName: "", lineNumber: 986, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trophy text-yellow-500 mr-3 text-xl", __source: { fileName: "", lineNumber: 987, columnNumber: 17 }, __self: this }), "Scores & Totals"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 990, columnNumber: 15 }, __self: this }, children.map((child)=>/*#__PURE__*/ React.createElement("div", { key: child.id, className: "bg-gradient-to-r from-blue-50 to-purple-50 p-5 rounded-2xl border-l-4 border-blue-400 shadow-sm", __source: { fileName: "", lineNumber: 992, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 996, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-14 h-14 rounded-full mr-4 bg-blue-500 flex items-center justify-center shadow-md", __source: { fileName: "", lineNumber: 997, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-white text-xl", __source: { fileName: "", lineNumber: 998, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1000, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold text-xl text-gray-800", __source: { fileName: "", lineNumber: 1001, columnNumber: 25 }, __self: this }, child.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 font-medium", __source: { fileName: "", lineNumber: 1004, columnNumber: 25 }, __self: this }, getWeekDisplay()))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 relative", __source: { fileName: "", lineNumber: 1011, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-6 bg-gray-200 rounded-full overflow-hidden", __source: { fileName: "", lineNumber: 1012, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-gradient-to-r from-orange-400 to-pink-500 transition-all duration-500 ease-out", style: { width: `${Math.min(child.points / 100 * 100, 100)}%` }, __source: { fileName: "", lineNumber: 1013, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/2 -translate-y-1/2 transition-all duration-500", style: { left: `${Math.min(child.points / 100 * 100, 100)}%`, transform: `translateX(-50%) translateY(-50%)` }, __source: { fileName: "", lineNumber: 1020, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 text-xl filter drop-shadow-lg", __source: { fileName: "", lineNumber: 1027, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm font-medium text-gray-600 text-center", __source: { fileName: "", lineNumber: 1029, columnNumber: 23 }, __self: this }, child.points, " / 100 points to next reward")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-3 mb-3", __source: { fileName: "", lineNumber: 1034, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-xl text-center shadow-sm", __source: { fileName: "", lineNumber: 1035, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-blue-600 mb-1", __source: { fileName: "", lineNumber: 1036, columnNumber: 25 }, __self: this }, child.points), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-600 font-semibold", __source: { fileName: "", lineNumber: 1039, columnNumber: 25 }, __self: this }, "Current Points")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-xl text-center shadow-sm", __source: { fileName: "", lineNumber: 1043, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-green-600 mb-1", __source: { fileName: "", lineNumber: 1044, columnNumber: 25 }, __self: this }, child.completedTasks), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-600 font-semibold", __source: { fileName: "", lineNumber: 1047, columnNumber: 25 }, __self: this }, "Tasks Done"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-xl text-center shadow-sm", __source: { fileName: "", lineNumber: 1052, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-purple-600 mb-1", __source: { fileName: "", lineNumber: 1053, columnNumber: 23 }, __self: this }, child.redeemedRewards), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-600 font-semibold", __source: { fileName: "", lineNumber: 1056, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold text-green-600", __source: { fileName: "", lineNumber: 1057, columnNumber: 25 }, __self: this }, "Rewards"), " ", "Earned")))), children.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center py-12 bg-gray-50 rounded-2xl", __source: { fileName: "", lineNumber: 1066, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-gray-300 text-5xl mb-4", __source: { fileName: "", lineNumber: 1067, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 italic text-lg mb-4", __source: { fileName: "", lineNumber: 1068, columnNumber: 21 }, __self: this }, "No children added yet."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>showSection("settings"), className: "bg-orange-500 text-white px-6 py-3 rounded-2xl hover:bg-orange-600 font-bold shadow-lg active:scale-95 transition-transform", __source: { fileName: "", lineNumber: 1071, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 1075, columnNumber: 23 }, __self: this }), "Add Your First Child")))), currentSection === "settings" && /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 1086, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800 mb-6 flex items-center", __source: { fileName: "", lineNumber: 1087, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-gray-600 mr-3 text-xl", __source: { fileName: "", lineNumber: 1088, columnNumber: 17 }, __self: this }), "Settings"), /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-purple-50 p-5 rounded-2xl", __source: { fileName: "", lineNumber: 1093, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 1094, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus text-purple-500 mr-3 text-xl", __source: { fileName: "", lineNumber: 1095, columnNumber: 19 }, __self: this }), "Add Child"), /*#__PURE__*/ React.createElement("input", { type: "text", value: childNameInput, onChange: (e)=>setChildNameInput(e.target.value), placeholder: "Enter child's name", className: "w-full p-4 mb-4 border-2 border-gray-200 rounded-2xl focus:outline-none focus:border-purple-500 text-lg", onKeyPress: (e)=>e.key === "Enter" && addChild(), __source: { fileName: "", lineNumber: 1098, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: addChild, className: "w-full bg-purple-500 text-white py-4 rounded-2xl hover:bg-purple-600 font-bold text-lg shadow-lg active:scale-95 transition-transform", __source: { fileName: "", lineNumber: 1106, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 1110, columnNumber: 19 }, __self: this }), "Add Child"), childError && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 bg-red-100 border border-red-300 rounded-xl", __source: { fileName: "", lineNumber: 1114, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-sm font-medium", __source: { fileName: "", lineNumber: 1115, columnNumber: 21 }, __self: this }, childError))), children.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 1124, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 1125, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-blue-500 mr-3 text-xl", __source: { fileName: "", lineNumber: 1126, columnNumber: 21 }, __self: this }), "Your Children"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 1129, columnNumber: 19 }, __self: this }, children.map((child)=>/*#__PURE__*/ React.createElement("div", { key: child.id, className: "flex items-center justify-between p-4 bg-gray-50 rounded-2xl shadow-sm", __source: { fileName: "", lineNumber: 1131, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center flex-1", __source: { fileName: "", lineNumber: 1135, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center shadow-md", __source: { fileName: "", lineNumber: 1136, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-white", __source: { fileName: "", lineNumber: 1137, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-3", __source: { fileName: "", lineNumber: 1139, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-800 text-lg", __source: { fileName: "", lineNumber: 1140, columnNumber: 29 }, __self: this }, child.name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 1143, columnNumber: 29 }, __self: this }, "Lifetime:", " ", child.lifetimePoints?.toLocaleString() || 0, " pts"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>removeChild(child.id), className: "ml-4 bg-red-500 text-white p-2 rounded-xl hover:bg-red-600 shadow-md active:scale-95 transition-transform", title: "Remove Child", __source: { fileName: "", lineNumber: 1149, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 1154, columnNumber: 27 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-red-50 p-5 rounded-2xl", __source: { fileName: "", lineNumber: 1163, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 1164, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-refresh text-red-500 mr-3 text-xl", __source: { fileName: "", lineNumber: 1165, columnNumber: 19 }, __self: this }), "Reset Week"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-4 leading-relaxed", __source: { fileName: "", lineNumber: 1168, columnNumber: 17 }, __self: this }, "This will reset all points for all children while keeping their tasks. Use this to start a fresh week with the same tasks."), /*#__PURE__*/ React.createElement("button", { onClick: resetWeek, className: "w-full bg-red-500 text-white py-4 rounded-2xl hover:bg-red-600 font-bold text-lg shadow-lg active:scale-95 transition-transform", __source: { fileName: "", lineNumber: 1173, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-refresh mr-2", __source: { fileName: "", lineNumber: 1177, columnNumber: 19 }, __self: this }), "Reset All Children's Points")), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-orange-50 to-red-50 p-5 rounded-2xl border-l-4 border-orange-400", __source: { fileName: "", lineNumber: 1183, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-gray-800 mb-4 flex items-center", __source: { fileName: "", lineNumber: 1184, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle text-orange-500 mr-3 text-xl", __source: { fileName: "", lineNumber: 1185, columnNumber: 19 }, __self: this }), "About Dad's Dojo"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-700 leading-relaxed", __source: { fileName: "", lineNumber: 1188, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold text-orange-600", __source: { fileName: "", lineNumber: 1189, columnNumber: 19 }, __self: this }, "Dad's Dojo"), " ", "helps you", " ", /*#__PURE__*/ React.createElement("span", { className: "font-bold text-blue-600", __source: { fileName: "", lineNumber: 1191, columnNumber: 19 }, __self: this }, "encourage"), " ", "your kids to develop", " ", /*#__PURE__*/ React.createElement("span", { className: "font-bold text-purple-600", __source: { fileName: "", lineNumber: 1193, columnNumber: 19 }, __self: this }, "responsibility"), " ", "through fun tasks and exciting", " ", /*#__PURE__*/ React.createElement("span", { className: "font-bold text-green-600", __source: { fileName: "", lineNumber: 1197, columnNumber: 19 }, __self: this }, "rewards"), ". Track their progress weekly and watch them grow!")))))); }

Dad'sDojo

Welcome to Dad's Dojo!

Getting Started:

Dad's
Dojo