function GolfTheme({ children, variant = "default" }) { const backgroundStyles = { default: { backgroundImage: 'url("https://ucarecdn.com/5023d40a-e08a-4168-977f-5c0b6db8c35b/-/format/auto/")', backgroundColor: "#111111" }, minimal: { backgroundColor: "#111111" } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen relative", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-0", style: { ...backgroundStyles[variant], backgroundSize: "contain", backgroundPosition: "center", backgroundRepeat: "no-repeat" }, __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-80", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/90 text-[#D4AF37] p-6 border-b-2 border-[#D4AF37]", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-playfair mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Credo Golf"), /*#__PURE__*/ React.createElement("p", { className: "text-lg italic font-playfair text-[#FFD700]", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "Play Like A Boss")), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/84c1ab21-3bc4-4b27-bec4-811cbece1b16/-/format/auto/", alt: "Golf Consigliere Logo", className: "h-20 w-auto", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto p-6", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#222222]/95 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, children)))); } function GolfThemeStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "Default Theme"), /*#__PURE__*/ React.createElement(GolfTheme, { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Sample Content"), /*#__PURE__*/ React.createElement("p", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "This is an example of content wrapped in the golf theme with default background."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#D4AF37] text-black px-6 py-2 rounded-lg hover:bg-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Sample Button")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, "Minimal Theme (No Background Image)"), /*#__PURE__*/ React.createElement(GolfTheme, { variant: "minimal", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Sample Content"), /*#__PURE__*/ React.createElement("p", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "This is an example of content wrapped in the golf theme with minimal styling."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#D4AF37] text-black px-6 py-2 rounded-lg hover:bg-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Sample Button"))))); } function MainComponent() { const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); const { data: session } = useUser(); const [profileData, setProfileData] = useState({ name: "", email: "", handicap: "", golfClub: "", profilePhoto: "", favoriteClub: "", bucketListCourses: [ "", "", "", "", "" ], maxTravelMiles: "", drinkOfChoice: "", cigarOfChoice: "", membershipType: "None", membershipStartDate: "", membershipNumber: "", additionalClubs: [ "", "" ], yearsPlaying: "" }); const [imageFile, setImageFile] = useState(null); const [textAlertData, setTextAlertData] = useState({ name: "", phone: "", email: "" }); const [textAlertSuccess, setTextAlertSuccess] = useState(false); const [textAlertError, setTextAlertError] = useState(null); // Update membership types array const membershipTypes = [ "Pro", "Elite" ]; useEffect(()=>{ if (session?.user) { // Fetch current profile data for authenticated users const fetchProfile = async ()=>{ try { const response = await fetch("/api/profile/get"); if (!response.ok) throw new Error("Failed to fetch profile"); const data = await response.json(); setProfileData({ name: data.name || "", email: data.email || "", handicap: data.handicap || "", golfClub: data.golf_club || "", profilePhoto: data.profile_photo || "", favoriteClub: data.favorite_club || "", bucketListCourses: data.bucket_list_courses || [ "", "", "", "", "" ], maxTravelMiles: data.max_travel_miles || "", drinkOfChoice: data.drink_of_choice || "", cigarOfChoice: data.cigar_of_choice || "", membershipType: data.membership_type || "None", membershipStartDate: data.membership_start_date || "", membershipNumber: data.membership_number || "", additionalClubs: data.additional_clubs || [ "", "" ], yearsPlaying: data.years_playing || "" }); } catch (err) { console.error("Error fetching profile:", err); setError("Failed to load profile data"); } }; fetchProfile(); } }, [ session ]); const handleImageChange = async (e)=>{ const file = e.target.files[0]; if (file) { setImageFile(file); // Convert to base64 const reader = new FileReader(); reader.onloadend = async ()=>{ const base64String = reader.result; try { const uploadResult = await upload({ base64: base64String }); if (uploadResult.error) throw new Error(uploadResult.error); setProfileData((prev)=>({ ...prev, profilePhoto: uploadResult.url })); } catch (err) { console.error("Error uploading image:", err); setError("Failed to upload image"); } }; reader.readAsDataURL(file); } }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const endpoint = session ? "/api/profile/update" : "/api/profile/create-public"; // Add support email to the profile data const formData = { ...profileData, email: "support@mycredo.app", contact_email: "support@mycredo.app" }; const response = await fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) throw new Error("Failed to update profile"); setSuccess(true); setTimeout(()=>setSuccess(false), 3000); // If not authenticated, show sign up prompt if (!session) { setTimeout(()=>{ const wantToSignUp = window.confirm("Would you like to create an account to manage your profile? Contact support@mycredo.app for assistance."); if (wantToSignUp) { window.location.href = "/account/signup"; } }, 1500); } } catch (err) { console.error("Error updating profile:", err); setError("Failed to update profile. Please contact support@mycredo.app for assistance."); } finally{ setLoading(false); } }; const handleTextAlertSubmit = async (e)=>{ e.preventDefault(); setTextAlertError(null); try { const alertData = { ...textAlertData, email: "support@mycredo.app" }; const response = await fetch("/api/alerts/subscribe", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(alertData) }); if (!response.ok) throw new Error("Failed to subscribe to text alerts"); setTextAlertSuccess(true); setTextAlertData({ name: "", phone: "", email: "support@mycredo.app" }); setTimeout(()=>setTextAlertSuccess(false), 3000); } catch (err) { console.error("Error subscribing to text alerts:", err); setTextAlertError("Failed to subscribe to text alerts. Please contact support@mycredo.app for assistance."); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A2F1C] text-white", __source: { fileName: "", lineNumber: 176, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#0A2F1C] border-b border-[#D4AF37] py-3", __source: { fileName: "", lineNumber: 178, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 179, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "inline-flex items-center text-[#D4AF37] hover:text-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 180, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 184, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-playfair", __source: { fileName: "", lineNumber: 185, columnNumber: 13 }, __self: this }, "Back to Home")))), /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 190, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 191, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-12", __source: { fileName: "", lineNumber: 192, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#D4AF37] mb-6 font-playfair text-center", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, "Golfer Profile"), !session && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4 w-full max-w-md", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "flex-1 bg-[#D4AF37] text-black px-8 py-4 rounded-lg hover:bg-[#FFD700] transition-colors text-center font-bold", __source: { fileName: "", lineNumber: 199, columnNumber: 17 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ document.getElementById("profileForm").scrollIntoView({ behavior: "smooth", block: "start" }); }, className: "flex-1 bg-transparent border-2 border-[#D4AF37] text-[#D4AF37] px-8 py-4 rounded-lg hover:bg-[#D4AF37] hover:text-black transition-colors font-bold", __source: { fileName: "", lineNumber: 205, columnNumber: 17 }, __self: this }, "Create New Profile"))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900/20 border border-red-500 text-red-500 p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 221, columnNumber: 13 }, __self: this }, error), success && /*#__PURE__*/ React.createElement("div", { className: "bg-green-900/20 border border-green-500 text-green-500 p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 227, columnNumber: 13 }, __self: this }, "Profile updated successfully!"), /*#__PURE__*/ React.createElement("form", { id: "profileForm", onSubmit: handleSubmit, className: "space-y-8", __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 234, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 235, columnNumber: 15 }, __self: this }, "Basic Information"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 238, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 239, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 240, columnNumber: 19 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: profileData.name, onChange: (e)=>setProfileData({ ...profileData, name: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 241, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 251, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 252, columnNumber: 19 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", value: "support@mycredo.app", readOnly: true, className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700] opacity-75", __source: { fileName: "", lineNumber: 253, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-300 mt-1", __source: { fileName: "", lineNumber: 259, columnNumber: 19 }, __self: this }, "All communications will be handled through our support email")), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 264, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 265, columnNumber: 19 }, __self: this }, "Profile Photo"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 268, columnNumber: 19 }, __self: this }, profileData.profilePhoto && /*#__PURE__*/ React.createElement("img", { src: profileData.profilePhoto, alt: "Profile", className: "w-24 h-24 rounded-full object-cover border-2 border-[#D4AF37]", __source: { fileName: "", lineNumber: 270, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: handleImageChange, className: "w-full p-2 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 276, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 288, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 289, columnNumber: 15 }, __self: this }, "Golf Experience"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 292, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 293, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 294, columnNumber: 19 }, __self: this }, "Handicap"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.1", min: "0", max: "54", value: profileData.handicap, onChange: (e)=>setProfileData({ ...profileData, handicap: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 295, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 312, columnNumber: 19 }, __self: this }, "Years Playing Golf"), /*#__PURE__*/ React.createElement("input", { type: "number", min: "0", value: profileData.yearsPlaying, onChange: (e)=>setProfileData({ ...profileData, yearsPlaying: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 315, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 329, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 330, columnNumber: 19 }, __self: this }, "Home Golf Club"), /*#__PURE__*/ React.createElement("input", { type: "text", value: profileData.golfClub, onChange: (e)=>setProfileData({ ...profileData, golfClub: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 333, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 346, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 347, columnNumber: 19 }, __self: this }, "Favorite Club"), /*#__PURE__*/ React.createElement("input", { type: "text", value: profileData.favoriteClub, onChange: (e)=>setProfileData({ ...profileData, favoriteClub: e.target.value }), placeholder: "e.g., 7 Iron, Driver", className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 350, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 364, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 365, columnNumber: 19 }, __self: this }, "Additional Club Memberships"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 368, columnNumber: 19 }, __self: this }, profileData.additionalClubs.map((club, index)=>/*#__PURE__*/ React.createElement("input", { key: index, type: "text", value: club, onChange: (e)=>{ const newClubs = [ ...profileData.additionalClubs ]; newClubs[index] = e.target.value; setProfileData({ ...profileData, additionalClubs: newClubs }); }, placeholder: `Additional Club #${index + 1}`, className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 370, columnNumber: 23 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 392, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 393, columnNumber: 15 }, __self: this }, "Membership Details"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 396, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 397, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 398, columnNumber: 19 }, __self: this }, "Membership Type"), /*#__PURE__*/ React.createElement("select", { value: profileData.membershipType, onChange: (e)=>setProfileData({ ...profileData, membershipType: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 401, columnNumber: 19 }, __self: this }, membershipTypes.map((type)=>/*#__PURE__*/ React.createElement("option", { key: type, value: type, __source: { fileName: "", lineNumber: 412, columnNumber: 23 }, __self: this }, type)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 419, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 420, columnNumber: 19 }, __self: this }, "Membership Start Date"), /*#__PURE__*/ React.createElement("input", { type: "date", value: profileData.membershipStartDate, onChange: (e)=>setProfileData({ ...profileData, membershipStartDate: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 423, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 436, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 437, columnNumber: 19 }, __self: this }, "Maximum Miles Willing to Travel"), /*#__PURE__*/ React.createElement("input", { type: "number", value: profileData.maxTravelMiles, onChange: (e)=>setProfileData({ ...profileData, maxTravelMiles: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 440, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 456, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 457, columnNumber: 15 }, __self: this }, "Bucket List Courses"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 460, columnNumber: 15 }, __self: this }, profileData.bucketListCourses.map((course, index)=>/*#__PURE__*/ React.createElement("input", { key: index, type: "text", value: course, onChange: (e)=>{ const newCourses = [ ...profileData.bucketListCourses ]; newCourses[index] = e.target.value; setProfileData({ ...profileData, bucketListCourses: newCourses }); }, placeholder: `Dream Course #${index + 1}`, className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 462, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 482, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 483, columnNumber: 15 }, __self: this }, "Preferences"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 486, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 487, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 488, columnNumber: 19 }, __self: this }, "Drink of Choice"), /*#__PURE__*/ React.createElement("input", { type: "text", value: profileData.drinkOfChoice, onChange: (e)=>setProfileData({ ...profileData, drinkOfChoice: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 491, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 504, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 505, columnNumber: 19 }, __self: this }, "Cigar of Choice"), /*#__PURE__*/ React.createElement("input", { type: "text", value: profileData.cigarOfChoice, onChange: (e)=>setProfileData({ ...profileData, cigarOfChoice: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 508, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end pt-6", __source: { fileName: "", lineNumber: 523, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "bg-[#D4AF37] text-black px-8 py-3 rounded-lg hover:bg-[#FFD700] transition-colors disabled:opacity-50 font-bold", __source: { fileName: "", lineNumber: 524, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 530, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 531, columnNumber: 21 }, __self: this }), "Saving...") : "Save Profile"))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 542, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 543, columnNumber: 13 }, __self: this }, "Subscribe to Credo Consigliere Alerts"), /*#__PURE__*/ React.createElement("div", { className: "mb-6 text-gray-300", __source: { fileName: "", lineNumber: 547, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 548, columnNumber: 15 }, __self: this }, "For support or questions, contact us at support@mycredo.app"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-2 ml-4", __source: { fileName: "", lineNumber: 551, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 552, columnNumber: 17 }, __self: this }, "Available Golf Bookings on Exclusive Courses"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 553, columnNumber: 17 }, __self: this }, "New Courses Added to Our Network"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 554, columnNumber: 17 }, __self: this }, "Upcoming Golf Trips and Experiences"))), textAlertError && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900/20 border border-red-500 text-red-500 p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 559, columnNumber: 15 }, __self: this }, textAlertError), textAlertSuccess && /*#__PURE__*/ React.createElement("div", { className: "bg-green-900/20 border border-green-500 text-green-500 p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 565, columnNumber: 15 }, __self: this }, "Successfully subscribed to Credo Consigliere alerts!"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleTextAlertSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 570, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 571, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 572, columnNumber: 17 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", required: true, value: textAlertData.name, onChange: (e)=>setTextAlertData({ ...textAlertData, name: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 573, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 584, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 585, columnNumber: 17 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("input", { type: "tel", required: true, value: textAlertData.phone, onChange: (e)=>setTextAlertData({ ...textAlertData, phone: e.target.value }), placeholder: "+1234567890", className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 588, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 603, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 604, columnNumber: 17 }, __self: this }, "Email (Optional)"), /*#__PURE__*/ React.createElement("input", { type: "email", value: textAlertData.email, onChange: (e)=>setTextAlertData({ ...textAlertData, email: e.target.value }), className: "w-full p-3 rounded-lg bg-[#0A2F1C] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 607, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end pt-4", __source: { fileName: "", lineNumber: 620, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#D4AF37] text-black px-8 py-3 rounded-lg hover:bg-[#FFD700] transition-colors font-bold", __source: { fileName: "", lineNumber: 621, columnNumber: 17 }, __self: this }, "Subscribe to Credo Alerts"))))))); }