function ServiceDogTrainingMenu({ mode, setMode }) { return /*#__PURE__*/ React.createElement("select", { name: "trainingMode", className: "w-full p-2 border-2 border-gray-300 rounded-md", value: mode, onChange: (e)=>setMode(e.target.value), __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "medical", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "Medical"), /*#__PURE__*/ React.createElement("option", { value: "search-and-rescue", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "Search and Rescue"), /*#__PURE__*/ React.createElement("option", { value: "cadaver", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "Cadaver")); } function ServiceDogTrainingMenuStory() { const [mode, setMode] = React.useState("medical"); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ServiceDogTrainingMenu, { mode: mode, setMode: setMode, __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this })); } function MainComponent() { const [mode, setMode] = React.useState("medical"); const [startDate, setStartDate] = React.useState(""); const [endDate, setEndDate] = React.useState(""); const [checklist, setChecklist] = React.useState({ socialization: false, obedience: false, skillSpecific: false, restAndPlay: false }); React.useEffect(()=>{ if (Object.values(checklist).some((task)=>!task)) { const interval = setInterval(()=>{ alert("Don't forget to complete all training tasks for today!"); }, 86400000); return ()=>clearInterval(interval); } }, [ checklist ]); return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] mx-auto p-4", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto mb-6 text-center", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "Service Dog Training Schedule"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Select Training Mode"), /*#__PURE__*/ React.createElement(ServiceDogTrainingMenu, { mode: mode, setMode: setMode, __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Training Schedule"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "startDate", className: "w-full p-2 border-2 border-gray-300 mb-4 rounded-md", value: startDate, onChange: (e)=>setStartDate(e.target.value), __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "endDate", className: "w-full p-2 border-2 border-gray-300 rounded-md", value: endDate, onChange: (e)=>setEndDate(e.target.value), __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "Daily Training Checklist"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "socialization", className: "mr-2", checked: checklist.socialization, onChange: ()=>setChecklist({ ...checklist, socialization: !checklist.socialization }), __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }), "Socialization"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "obedience", className: "mr-2", checked: checklist.obedience, onChange: ()=>setChecklist({ ...checklist, obedience: !checklist.obedience }), __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }), "Obedience Training"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "skillSpecific", className: "mr-2", checked: checklist.skillSpecific, onChange: ()=>setChecklist({ ...checklist, skillSpecific: !checklist.skillSpecific }), __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }), "Skill-specific Training"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "restAndPlay", className: "mr-2", checked: checklist.restAndPlay, onChange: ()=>setChecklist({ ...checklist, restAndPlay: !checklist.restAndPlay }), __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }), "Rest and Play"))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white py-2 px-4 rounded-md font-crimson-text", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, "Set Alarm"))); }