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"; const response = await fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ name: profileData.name, email: profileData.email, handicap: profileData.handicap, golf_club: profileData.golfClub, profile_photo: profileData.profilePhoto, favorite_club: profileData.favoriteClub, bucket_list_courses: profileData.bucketListCourses.filter(Boolean), max_travel_miles: parseInt(profileData.maxTravelMiles), drink_of_choice: profileData.drinkOfChoice, cigar_of_choice: profileData.cigarOfChoice, membership_type: profileData.membershipType, membership_start_date: profileData.membershipStartDate, membership_number: profileData.membershipNumber, additional_clubs: profileData.additionalClubs.filter(Boolean), years_playing: parseInt(profileData.yearsPlaying) }) }); 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?"); if (wantToSignUp) { window.location.href = "/account/signup"; } }, 1500); } } catch (err) { console.error("Error updating profile:", err); setError("Failed to update profile"); } finally{ setLoading(false); } }; const handleTextAlertSubmit = async (e)=>{ e.preventDefault(); setTextAlertError(null); try { const response = await fetch("/api/alerts/subscribe", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(textAlertData) }); if (!response.ok) throw new Error("Failed to subscribe to text alerts"); setTextAlertSuccess(true); setTextAlertData({ name: "", phone: "", email: "" }); setTimeout(()=>setTextAlertSuccess(false), 3000); } catch (err) { console.error("Error subscribing to text alerts:", err); setTextAlertError("Failed to subscribe to text alerts"); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A2F1C] text-white p-8", __source: { fileName: "", lineNumber: 175, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 176, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-12", __source: { fileName: "", lineNumber: 177, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#D4AF37] mb-6 font-playfair text-center", __source: { fileName: "", lineNumber: 178, columnNumber: 11 }, __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: 183, columnNumber: 13 }, __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: 184, columnNumber: 15 }, __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: 190, columnNumber: 15 }, __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: 206, columnNumber: 11 }, __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: 212, columnNumber: 11 }, __self: this }, "Profile updated successfully!"), /*#__PURE__*/ React.createElement("form", { id: "profileForm", onSubmit: handleSubmit, className: "space-y-8", __source: { fileName: "", lineNumber: 217, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 219, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 220, columnNumber: 13 }, __self: this }, "Basic Information"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 223, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 224, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 225, columnNumber: 17 }, __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: 226, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 237, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", value: profileData.email, onChange: (e)=>setProfileData({ ...profileData, 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: 238, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 248, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 249, columnNumber: 17 }, __self: this }, "Profile Photo"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __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: 254, columnNumber: 21 }, __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: 260, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 272, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 273, columnNumber: 13 }, __self: this }, "Golf Experience"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 276, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 277, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 278, columnNumber: 17 }, __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: 279, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 292, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 293, columnNumber: 17 }, __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: 296, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 310, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __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: 314, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 324, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 325, columnNumber: 17 }, __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: 328, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 342, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 343, columnNumber: 17 }, __self: this }, "Additional Club Memberships"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 346, columnNumber: 17 }, __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: 348, columnNumber: 21 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 370, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 371, columnNumber: 13 }, __self: this }, "Membership Details"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 374, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 375, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 376, columnNumber: 17 }, __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: 379, columnNumber: 17 }, __self: this }, membershipTypes.map((type)=>/*#__PURE__*/ React.createElement("option", { key: type, value: type, __source: { fileName: "", lineNumber: 390, columnNumber: 21 }, __self: this }, type)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 397, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 398, columnNumber: 17 }, __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: 401, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 414, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 415, columnNumber: 17 }, __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: 418, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 434, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 435, columnNumber: 13 }, __self: this }, "Bucket List Courses"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 438, columnNumber: 13 }, __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: 440, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 460, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 461, columnNumber: 13 }, __self: this }, "Preferences"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 464, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 465, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 466, columnNumber: 17 }, __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: 469, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 482, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __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: 486, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end pt-6", __source: { fileName: "", lineNumber: 501, columnNumber: 11 }, __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: 502, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 508, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 509, columnNumber: 19 }, __self: this }), "Saving...") : "Save Profile"))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 bg-[#133A24] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 520, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-6 font-playfair", __source: { fileName: "", lineNumber: 521, columnNumber: 11 }, __self: this }, "Subscribe to Credo Consigliere Alerts"), /*#__PURE__*/ React.createElement("div", { className: "mb-6 text-gray-300", __source: { fileName: "", lineNumber: 525, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 526, columnNumber: 13 }, __self: this }, "Stay informed about exclusive golf opportunities:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-2 ml-4", __source: { fileName: "", lineNumber: 529, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 530, columnNumber: 15 }, __self: this }, "Available Golf Bookings on Exclusive Courses"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 531, columnNumber: 15 }, __self: this }, "New Courses Added to Our Network"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 532, columnNumber: 15 }, __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: 537, columnNumber: 13 }, __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: 543, columnNumber: 13 }, __self: this }, "Successfully subscribed to Credo Consigliere alerts!"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleTextAlertSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 548, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 549, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 550, columnNumber: 15 }, __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: 551, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 562, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 563, columnNumber: 15 }, __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: 564, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 576, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 577, columnNumber: 15 }, __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: 580, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end pt-4", __source: { fileName: "", lineNumber: 590, columnNumber: 13 }, __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: 591, columnNumber: 15 }, __self: this }, "Subscribe to Credo Alerts")))))); }