function MainComponent() { const [activeTab, setActiveTab] = useState("public"); const [showForm, setShowForm] = useState(false); const [formError, setFormError] = useState(""); const [submitted, setSubmitted] = useState(false); const [currentView, setCurrentView] = useState("welcome"); const [selectedMentor, setSelectedMentor] = useState(null); const [showMap, setShowMap] = useState(false); const [hospitals] = useState([ { name: "Seoul National University Hospital", lat: 37.579617, lng: 126.998966 }, { name: "Severance Hospital", lat: 37.562224, lng: 126.939621 }, { name: "Asan Medical Center", lat: 37.527069, lng: 127.10856 } ]); const [streak, setStreak] = useState(0); const [volunteerHours, setVolunteerHours] = useState(0); const [events, setEvents] = useState([ { title: "Drug Education Seminar", date: "2025-04-15", time: "14:00" }, { title: "Health Campaign", date: "2025-04-20", time: "10:00" } ]); const [dailyCheckIn, setDailyCheckIn] = useState(false); const [lastCheckIn, setLastCheckIn] = useState(null); const handleAgeChange = (e)=>{ const age = parseInt(e.target.value); if (age > 19) { setFormError("You must be 19 or younger to sign up"); } else { setFormError(""); } }; const handleSubmit = (e)=>{ e.preventDefault(); setSubmitted(true); setCurrentView("dashboard"); }; const handleDailyCheckIn = ()=>{ const today = new Date().toDateString(); if (lastCheckIn !== today) { setDailyCheckIn(true); setLastCheckIn(today); setStreak((prev)=>prev + 1); } }; const handleVolunteerHours = (hours)=>{ setVolunteerHours((prev)=>prev + hours); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#fff5f5] to-[#ffe5e5] font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold text-[#dc2626] mb-4 animate-pulse", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "ReHappy"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#ef4444] bg-[#fee2e2] py-2 px-4 rounded-full inline-block", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Building Connections for Drug Prevention and Recovery")), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-xl shadow-lg p-6 border-2 border-[#dc2626]", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex border-b mb-6", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("public"), className: `flex-1 py-3 ${activeTab === "public" ? "border-b-2 border-[#0369a1] text-[#0369a1]" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Public/Teen Access"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("addict"), className: `flex-1 py-3 ${activeTab === "addict" ? "border-b-2 border-[#0369a1] text-[#0369a1]" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "Recovering Educator Access")), activeTab === "public" && !submitted && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-4", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowForm(false), className: "w-full bg-gradient-to-r from-[#dc2626] to-[#ef4444] text-white py-3 rounded-lg hover:from-[#ef4444] hover:to-[#dc2626] transition-all transform hover:scale-105", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, "Continue as Guest"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowForm(true), className: "w-full bg-gradient-to-r from-[#991b1b] to-[#dc2626] text-white py-3 rounded-lg hover:from-[#dc2626] hover:to-[#991b1b] transition-all transform hover:scale-105", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, "Sign Up as Member")), showForm && /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 99, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "firstName", placeholder: "First Name", required: true, className: "w-full p-3 border-2 border-[#dc2626] rounded-lg bg-[#fff5f5] focus:outline-none focus:ring-2 focus:ring-[#ef4444] transition-all", __source: { fileName: "", lineNumber: 100, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user absolute right-3 top-3 text-[#dc2626]", __source: { fileName: "", lineNumber: 107, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 109, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "lastName", placeholder: "Last Name", required: true, className: "w-full p-3 border-2 border-[#dc2626] rounded-lg bg-[#fff5f5] focus:outline-none focus:ring-2 focus:ring-[#ef4444] transition-all", __source: { fileName: "", lineNumber: 110, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user absolute right-3 top-3 text-[#dc2626]", __source: { fileName: "", lineNumber: 117, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 119, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", required: true, className: "w-full p-3 border-2 border-[#dc2626] rounded-lg bg-[#fff5f5] focus:outline-none focus:ring-2 focus:ring-[#ef4444] transition-all", __source: { fileName: "", lineNumber: 120, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope absolute right-3 top-3 text-[#dc2626]", __source: { fileName: "", lineNumber: 127, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 129, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", placeholder: "Phone Number", required: true, className: "w-full p-3 border-2 border-[#dc2626] rounded-lg bg-[#fff5f5] focus:outline-none focus:ring-2 focus:ring-[#ef4444] transition-all", __source: { fileName: "", lineNumber: 130, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone absolute right-3 top-3 text-[#dc2626]", __source: { fileName: "", lineNumber: 137, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 139, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "age", placeholder: "Age (19 or younger)", max: "19", required: true, onChange: handleAgeChange, className: "w-full p-3 border-2 border-[#dc2626] rounded-lg bg-[#fff5f5] focus:outline-none focus:ring-2 focus:ring-[#ef4444] transition-all", __source: { fileName: "", lineNumber: 140, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-birthday-cake absolute right-3 top-3 text-[#dc2626]", __source: { fileName: "", lineNumber: 149, columnNumber: 23 }, __self: this })), formError && /*#__PURE__*/ React.createElement("p", { className: "text-[#dc2626] text-sm", __source: { fileName: "", lineNumber: 152, columnNumber: 23 }, __self: this }, formError), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 154, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "gender", required: true, className: "w-full p-3 border-2 border-[#dc2626] rounded-lg bg-[#fff5f5] focus:outline-none focus:ring-2 focus:ring-[#ef4444] transition-all appearance-none", __source: { fileName: "", lineNumber: 155, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 160, columnNumber: 25 }, __self: this }, "Select Gender"), /*#__PURE__*/ React.createElement("option", { value: "male", __source: { fileName: "", lineNumber: 161, columnNumber: 25 }, __self: this }, "Male"), /*#__PURE__*/ React.createElement("option", { value: "female", __source: { fileName: "", lineNumber: 162, columnNumber: 25 }, __self: this }, "Female"), /*#__PURE__*/ React.createElement("option", { value: "other", __source: { fileName: "", lineNumber: 163, columnNumber: 25 }, __self: this }, "Other")), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down absolute right-3 top-3 text-[#dc2626]", __source: { fileName: "", lineNumber: 165, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "language", required: true, className: "w-full p-3 border-2 border-[#dc2626] rounded-lg bg-[#fff5f5] focus:outline-none focus:ring-2 focus:ring-[#ef4444] transition-all appearance-none", __source: { fileName: "", lineNumber: 168, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 173, columnNumber: 25 }, __self: this }, "Select Language"), /*#__PURE__*/ React.createElement("option", { value: "korean", __source: { fileName: "", lineNumber: 174, columnNumber: 25 }, __self: this }, "Korean"), /*#__PURE__*/ React.createElement("option", { value: "english", __source: { fileName: "", lineNumber: 175, columnNumber: 25 }, __self: this }, "English")), /*#__PURE__*/ React.createElement("i", { className: "fas fa-language absolute right-3 top-3 text-[#dc2626]", __source: { fileName: "", lineNumber: 177, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 179, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "region", placeholder: "Region", required: true, className: "w-full p-3 border-2 border-[#dc2626] rounded-lg bg-[#fff5f5] focus:outline-none focus:ring-2 focus:ring-[#ef4444] transition-all", __source: { fileName: "", lineNumber: 180, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt absolute right-3 top-3 text-[#dc2626]", __source: { fileName: "", lineNumber: 187, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 189, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "guardian", placeholder: "Guardian Name", required: true, className: "w-full p-3 border-2 border-[#dc2626] rounded-lg bg-[#fff5f5] focus:outline-none focus:ring-2 focus:ring-[#ef4444] transition-all", __source: { fileName: "", lineNumber: 190, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-shield absolute right-3 top-3 text-[#dc2626]", __source: { fileName: "", lineNumber: 197, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-[#fff5f5] rounded-lg", __source: { fileName: "", lineNumber: 201, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-4", __source: { fileName: "", lineNumber: 202, columnNumber: 21 }, __self: this }, "Consent and Agreement"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 204, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "privacyConsent", required: true, className: "mt-1", __source: { fileName: "", lineNumber: 205, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 211, columnNumber: 25 }, __self: this }, "I consent to the collection and processing of my personal information as described in the Privacy Policy.")), /*#__PURE__*/ React.createElement("label", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 217, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "termsConsent", required: true, className: "mt-1", __source: { fileName: "", lineNumber: 218, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 224, columnNumber: 25 }, __self: this }, "I agree to the Terms of Service and understand that this platform is for educational and support purposes only.")), /*#__PURE__*/ React.createElement("label", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 230, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "guardianConsent", required: true, className: "mt-1", __source: { fileName: "", lineNumber: 231, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 237, columnNumber: 25 }, __self: this }, "I confirm that I have obtained guardian consent for using this platform (required for users under 19).")))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: formError !== "", className: "w-full bg-gradient-to-r from-[#dc2626] to-[#ef4444] text-white py-4 rounded-lg hover:from-[#ef4444] hover:to-[#dc2626] transition-all transform hover:scale-105 disabled:opacity-50 disabled:cursor-not-allowed mt-6", __source: { fileName: "", lineNumber: 245, columnNumber: 19 }, __self: this }, "Create Account"))), activeTab === "public" && submitted && currentView === "welcome" && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 258, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-6xl text-green-500 mb-4", __source: { fileName: "", lineNumber: 259, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#dc2626] mb-2", __source: { fileName: "", lineNumber: 260, columnNumber: 15 }, __self: this }, "Welcome to ReHappy!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 263, columnNumber: 15 }, __self: this }, "Your account has been created successfully.")), activeTab === "public" && submitted && currentView === "dashboard" && /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 272, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 273, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#dc2626]", __source: { fileName: "", lineNumber: 274, columnNumber: 19 }, __self: this }, "Your Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 277, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#dc2626] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 278, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell mr-2", __source: { fileName: "", lineNumber: 279, columnNumber: 23 }, __self: this }), "Notifications"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#dc2626] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 282, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-2", __source: { fileName: "", lineNumber: 283, columnNumber: 23 }, __self: this }), "Settings"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-6 rounded-lg", __source: { fileName: "", lineNumber: 289, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 290, columnNumber: 21 }, __self: this }, "Daily Check-in"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 291, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 292, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 293, columnNumber: 25 }, __self: this }, "Current Streak: ", streak, " days"), streak >= 7 && /*#__PURE__*/ React.createElement("span", { className: "text-green-500", __source: { fileName: "", lineNumber: 295, columnNumber: 27 }, __self: this }, "🏆 Weekly Achievement!")), /*#__PURE__*/ React.createElement("button", { onClick: handleDailyCheckIn, disabled: dailyCheckIn, className: "w-full bg-green-500 text-white py-2 rounded-lg disabled:opacity-50", __source: { fileName: "", lineNumber: 300, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 305, columnNumber: 25 }, __self: this }), dailyCheckIn ? "Already Checked In Today!" : "Check In"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 310, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 311, columnNumber: 25 }, __self: this }, "Volunteer Hours"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 312, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 313, columnNumber: 27 }, __self: this }, "Total Hours: ", volunteerHours), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleVolunteerHours(1), className: "bg-[#dc2626] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 314, columnNumber: 27 }, __self: this }, "Log Hours"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-6 rounded-lg", __source: { fileName: "", lineNumber: 324, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 325, columnNumber: 21 }, __self: this }, "Upcoming Events"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 326, columnNumber: 21 }, __self: this }, events.map((event, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-4 rounded-lg", __source: { fileName: "", lineNumber: 328, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold", __source: { fileName: "", lineNumber: 329, columnNumber: 27 }, __self: this }, event.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 330, columnNumber: 27 }, __self: this }, "Date: ", event.date, " at ", event.time), /*#__PURE__*/ React.createElement("button", { className: "mt-2 bg-[#dc2626] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 333, columnNumber: 27 }, __self: this }, "Add to Calendar"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-6 rounded-lg", __source: { fileName: "", lineNumber: 340, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 341, columnNumber: 21 }, __self: this }, "Connect with Mentors"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 344, columnNumber: 21 }, __self: this }, [ 1, 2, 3 ].map((mentor)=>/*#__PURE__*/ React.createElement("div", { key: mentor, className: "flex items-center justify-between bg-white p-4 rounded-lg", __source: { fileName: "", lineNumber: 346, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 350, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: `/mentor${mentor}.jpg`, alt: `Mentor ${mentor}`, className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 351, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 356, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold", __source: { fileName: "", lineNumber: 357, columnNumber: 31 }, __self: this }, "Mentor ", mentor), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 358, columnNumber: 31 }, __self: this }, "Available Now"))), /*#__PURE__*/ React.createElement("button", { className: "bg-[#dc2626] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 363, columnNumber: 27 }, __self: this }, "Chat"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-6 rounded-lg", __source: { fileName: "", lineNumber: 370, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 371, columnNumber: 21 }, __self: this }, "Resources"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 372, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-white p-4 rounded-lg text-left", __source: { fileName: "", lineNumber: 373, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book mr-2 text-[#dc2626]", __source: { fileName: "", lineNumber: 374, columnNumber: 25 }, __self: this }), "Educational Materials"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-white p-4 rounded-lg text-left", __source: { fileName: "", lineNumber: 377, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-video mr-2 text-[#dc2626]", __source: { fileName: "", lineNumber: 378, columnNumber: 25 }, __self: this }), "Video Library"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-white p-4 rounded-lg text-left", __source: { fileName: "", lineNumber: 381, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-2 text-[#dc2626]", __source: { fileName: "", lineNumber: 382, columnNumber: 25 }, __self: this }), "Schedule Appointment")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-6 rounded-lg", __source: { fileName: "", lineNumber: 389, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 390, columnNumber: 19 }, __self: this }, "Hospital Locations"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[400px] rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 391, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d202405.37790235038!2d126.84877235!3d37.5651!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1shospitals%20in%20seoul!5e0!3m2!1sen!2sus!4v1648138800000!5m2!1sen!2sus", width: "100%", height: "100%", style: { border: 0 }, allowFullScreen: true, loading: "lazy", referrerPolicy: "no-referrer-when-downgrade", __source: { fileName: "", lineNumber: 392, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-2", __source: { fileName: "", lineNumber: 402, columnNumber: 19 }, __self: this }, hospitals.map((hospital, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center space-x-2 text-sm", __source: { fileName: "", lineNumber: 404, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hospital text-[#dc2626]", __source: { fileName: "", lineNumber: 408, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 409, columnNumber: 25 }, __self: this }, hospital.name)))))), activeTab === "addict" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 418, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 419, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#dc2626] mb-4", __source: { fileName: "", lineNumber: 420, columnNumber: 17 }, __self: this }, "Educator Portal"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-8", __source: { fileName: "", lineNumber: 423, columnNumber: 17 }, __self: this }, "Share your recovery journey to help others")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 428, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-6 rounded-lg", __source: { fileName: "", lineNumber: 429, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 430, columnNumber: 19 }, __self: this }, "Your Impact"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 431, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg", __source: { fileName: "", lineNumber: 432, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 433, columnNumber: 23 }, __self: this }, "Students Mentored"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#dc2626]", __source: { fileName: "", lineNumber: 434, columnNumber: 23 }, __self: this }, "24")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg", __source: { fileName: "", lineNumber: 436, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 437, columnNumber: 23 }, __self: this }, "Sessions Conducted"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-[#dc2626]", __source: { fileName: "", lineNumber: 438, columnNumber: 23 }, __self: this }, "12")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-6 rounded-lg", __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 444, columnNumber: 19 }, __self: this }, "Upcoming Sessions"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 445, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg", __source: { fileName: "", lineNumber: 446, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 447, columnNumber: 23 }, __self: this }, "Group Session"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 448, columnNumber: 23 }, __self: this }, "Tomorrow at 2 PM"), /*#__PURE__*/ React.createElement("button", { className: "mt-2 bg-[#dc2626] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 449, columnNumber: 23 }, __self: this }, "View Details")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg", __source: { fileName: "", lineNumber: 453, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold", __source: { fileName: "", lineNumber: 454, columnNumber: 23 }, __self: this }, "One-on-One Mentoring"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 455, columnNumber: 23 }, __self: this }, "Friday at 3 PM"), /*#__PURE__*/ React.createElement("button", { className: "mt-2 bg-[#dc2626] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 456, columnNumber: 23 }, __self: this }, "View Details")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-6 rounded-lg", __source: { fileName: "", lineNumber: 463, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 464, columnNumber: 19 }, __self: this }, "Resources"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 465, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-white p-4 rounded-lg text-left", __source: { fileName: "", lineNumber: 466, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book mr-2 text-[#dc2626]", __source: { fileName: "", lineNumber: 467, columnNumber: 23 }, __self: this }), "Teaching Materials"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-white p-4 rounded-lg text-left", __source: { fileName: "", lineNumber: 470, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line mr-2 text-[#dc2626]", __source: { fileName: "", lineNumber: 471, columnNumber: 23 }, __self: this }), "Progress Reports"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-white p-4 rounded-lg text-left", __source: { fileName: "", lineNumber: 474, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2 text-[#dc2626]", __source: { fileName: "", lineNumber: 475, columnNumber: 23 }, __self: this }), "Support Network"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-6 rounded-lg", __source: { fileName: "", lineNumber: 481, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 482, columnNumber: 19 }, __self: this }, "Quick Actions"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 483, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#dc2626] text-white p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 484, columnNumber: 21 }, __self: this }, "Schedule New Session"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#dc2626] text-white p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 487, columnNumber: 21 }, __self: this }, "Update Availability"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#dc2626] text-white p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 490, columnNumber: 21 }, __self: this }, "Message Students")))))))); }