function MainComponent() { const [view, setView] = useState("profiles"); const [profiles, setProfiles] = useState([]); const [selectedProfile, setSelectedProfile] = useState(null); const [language, setLanguage] = useState("nl"); const { user, isLoading } = useAuth(); const [email, setEmail] = useState(""); const [formData, setFormData] = useState({ title: "", url: "", description: "", tag: "" }); const [upload, { loading }] = useUpload(); const [file, setFile] = useState(null); const [preview, setPreview] = useState(null); const manifesto = ` # Explore Profiles Ontdek oprichters en projecten voor het verbreden van je kennis, of opdoen van inspiratie. `; const tags = [ "UI", "Animation", "Typography", "Colors", "Layout", "Mobile", "Desktop", "Interaction", "Minimal", "Playful" ]; const translations = { nl: { title: "Ontdek interessante projecten", subtitle: "Verken profielen van oprichters en hun projecten", profiles: "Profielen", discussions: "Discussies", inbox: "Inbox", governance: "Bestuur", login: "Inloggen", newProfile: "Nieuw Profiel", myProfile: "Mijn Profiel" }, en: { title: "Discover interesting projects", subtitle: "Explore founder profiles and their projects", profiles: "Profiles", discussions: "Discussions", inbox: "Inbox", governance: "Governance", login: "Login", newProfile: "New Profile", myProfile: "My Profile" } }; const t = (key)=>translations[language][key] || key; const exampleProfile = { id: 0, name: "Lisa de Vries", avatar_url: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400", location: "Amsterdam", project_description: "Ik werk aan een nieuw platform dat startups helpt met het vinden van de juiste adviseurs en mentoren. Het platform matcht startups met ervaren ondernemers op basis van sector, groeifase en specifieke uitdagingen.", looking_for: "Op zoek naar een technische co-founder met ervaring in React/Node.js. Ook geïnteresseerd in contact met andere founders in de HR-tech space voor kennisuitwisseling.", project_stage: "Prototype", website_url: "https://startupmentor.nl" }; useEffect(()=>{ if (user && !user.profile) { setView("submit"); } fetchProfiles(); }, [ user ]); const fetchProfiles = async ()=>{ try { const response = await fetch("/api/db/visitor_profiles", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM profiles LEFT JOIN users ON profiles.user_id = users.id ORDER BY profiles.created_at DESC" }) }); if (!response.ok) throw new Error("Failed to fetch profiles"); const data = await response.json(); setProfiles(data); } catch (error) { console.error("Error fetching profiles:", error); } }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!file) { alert("Please upload an image"); return; } if (selectedTags.length === 0) { alert("Please select at least one tag"); return; } try { const submission = { company: e.target.company.value, url: e.target.url.value, description: e.target.description.value, design: selectedTags.join(", "), image: preview, created_at: new Date().toISOString() }; const response = await fetch("/api/db/landingscreenshotsdb", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `submissions` (`company`, `url`, `description`, `design`, `image`, `created_at`) VALUES (?, ?, ?, ?, ?, ?)", values: [ submission.company, submission.url, submission.description, submission.design, submission.image, submission.created_at ] }) }); if (!response.ok) { throw new Error("Failed to submit"); } setFile(null); setPreview(null); setSelectedTags([]); e.target.reset(); setView("gallery"); await fetchSubmissions(); } catch (error) { console.error("Error submitting:", error); alert("Something went wrong. Please try again."); } }; const startConversation = async (profileId)=>{ if (!user) { window.location.href = "/account/signin?callbackUrl=/inbox"; return; } try { const checkResponse = await fetch("/api/db/private_messages", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM private_messages WHERE (sender_id = ? AND receiver_id = ?) OR (sender_id = ? AND receiver_id = ?) LIMIT 1", values: [ user.id, profileId, profileId, user.id ] }) }); if (!checkResponse.ok) throw new Error("Kon gesprek niet controleren"); window.location.href = "/inbox"; } catch (error) { console.error("Error starting conversation:", error); alert("Er ging iets mis bij het starten van het gesprek"); } }; const handleProfileSubmit = async (e)=>{ e.preventDefault(); const formData = new FormData(e.target); try { if (!user) { window.location.href = "/account/signup"; return; } const response = await fetch("/api/db/visitor_profiles", { method: "POST", body: JSON.stringify({ query: "INSERT INTO profiles (name, bio, avatar_url, location, project_description, looking_for, project_stage, website_url, user_id) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)", values: [ formData.get("name"), formData.get("bio"), formData.get("avatar_url"), formData.get("location"), formData.get("project_description"), formData.get("looking_for"), formData.get("project_stage"), formData.get("website_url"), user.id ] }) }); if (!response.ok) throw new Error("Failed to create profile"); setView("profiles"); fetchProfiles(); } catch (error) { console.error("Error creating profile:", error); alert("Er ging iets mis bij het maken van je profiel. Probeer het opnieuw."); } }; const handleProfileUpdate = async (e)=>{ e.preventDefault(); const formData = new FormData(e.target); try { const response = await fetch("/api/db/visitor_profiles", { method: "POST", body: JSON.stringify({ query: "UPDATE profiles SET name = ?, bio = ?, avatar_url = ?, location = ?, project_description = ?, looking_for = ?, project_stage = ?, website_url = ? WHERE id = ? AND user_id = ?", values: [ formData.get("name"), formData.get("bio"), formData.get("avatar_url"), formData.get("location"), formData.get("project_description"), formData.get("looking_for"), formData.get("project_stage"), formData.get("website_url"), selectedProfile.id, user.id ] }) }); if (!response.ok) throw new Error("Failed to update profile"); setView("profiles"); fetchProfiles(); } catch (error) { console.error("Error updating profile:", error); alert("Er ging iets mis bij het bijwerken van je profiel. Probeer het opnieuw."); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#FAFAFA] font-poppins", __source: { fileName: "", lineNumber: 261, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white border-b border-gray-100 sticky top-0 z-50", __source: { fileName: "", lineNumber: 262, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto px-6 flex justify-between items-center py-6", __source: { fileName: "", lineNumber: 263, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-8", __source: { fileName: "", lineNumber: 264, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-sm text-gray-600 hover:text-[#007AFF] transition-colors", __source: { fileName: "", lineNumber: 265, columnNumber: 13 }, __self: this }, t("profiles")), /*#__PURE__*/ React.createElement("a", { href: "/discussies", className: "text-sm text-gray-600 hover:text-[#007AFF] transition-colors", __source: { fileName: "", lineNumber: 271, columnNumber: 13 }, __self: this }, t("discussions")), /*#__PURE__*/ React.createElement("a", { href: "/inbox", className: "text-sm text-gray-600 hover:text-[#007AFF] transition-colors", __source: { fileName: "", lineNumber: 277, columnNumber: 13 }, __self: this }, t("inbox")), /*#__PURE__*/ React.createElement("a", { href: "/governance", className: "text-sm text-gray-600 hover:text-[#007AFF] transition-colors", __source: { fileName: "", lineNumber: 283, columnNumber: 13 }, __self: this }, t("governance"))), /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-xl font-semibold hover:text-[#007AFF] transition-colors duration-200 flex items-center gap-2", __source: { fileName: "", lineNumber: 291, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/5a5e98e7-e48a-4c99-98b5-d6250b49894d/-/format/auto/", alt: "Founderhunt", className: "w-8 h-8", __source: { fileName: "", lineNumber: 295, columnNumber: 13 }, __self: this }), "Founderhunt"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 303, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: language, onChange: (e)=>setLanguage(e.target.value), className: "text-sm border border-gray-200 rounded-lg px-2 py-1", __source: { fileName: "", lineNumber: 304, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "nl", __source: { fileName: "", lineNumber: 309, columnNumber: 15 }, __self: this }, "NL"), /*#__PURE__*/ React.createElement("option", { value: "en", __source: { fileName: "", lineNumber: 310, columnNumber: 15 }, __self: this }, "EN")), !isLoading && /*#__PURE__*/ React.createElement(React.Fragment, null, !user ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-sm text-gray-600 hover:text-[#007AFF] transition-colors", __source: { fileName: "", lineNumber: 317, columnNumber: 21 }, __self: this }, t("login")), /*#__PURE__*/ React.createElement("a", { href: "#", onClick: ()=>setView("submit"), className: "bg-[#007AFF] text-white px-6 py-2.5 text-sm rounded-lg hover:bg-[#0066CC] transition-colors", __source: { fileName: "", lineNumber: 323, columnNumber: 21 }, __self: this }, t("newProfile"))) : /*#__PURE__*/ React.createElement("a", { href: "#", onClick: ()=>setSelectedProfile(user.profile), className: "bg-[#007AFF] text-white px-6 py-2.5 text-sm rounded-lg hover:bg-[#0066CC] transition-colors", __source: { fileName: "", lineNumber: 332, columnNumber: 19 }, __self: this }, t("myProfile")))))), /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 346, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/5a5e98e7-e48a-4c99-98b5-d6250b49894d/-/format/auto/", __source: { fileName: "", lineNumber: 347, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 352, columnNumber: 9 }, __self: this }, "Founderhunt")), /*#__PURE__*/ React.createElement("main", { className: "max-w-5xl mx-auto px-4 pt-16 pb-32", __source: { fileName: "", lineNumber: 355, columnNumber: 7 }, __self: this }, view === "profiles" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-12 text-center", __source: { fileName: "", lineNumber: 358, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-6", __source: { fileName: "", lineNumber: 359, columnNumber: 15 }, __self: this }, t("title")), /*#__PURE__*/ React.createElement("p", { className: "max-w-2xl mx-auto text-gray-600 text-lg", __source: { fileName: "", lineNumber: 360, columnNumber: 15 }, __self: this }, t("subtitle"))), selectedProfile ? /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 366, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedProfile(null), className: "text-[#5D3FD3] mb-8", __source: { fileName: "", lineNumber: 367, columnNumber: 17 }, __self: this }, "← Terug naar Profielen"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl overflow-hidden p-8", __source: { fileName: "", lineNumber: 373, columnNumber: 17 }, __self: this }, user && selectedProfile.user_id === user.id ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleProfileUpdate, className: "space-y-8", __source: { fileName: "", lineNumber: 375, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6 mb-8", __source: { fileName: "", lineNumber: 376, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-32 h-32", __source: { fileName: "", lineNumber: 377, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: selectedProfile.avatar_url || "https://via.placeholder.com/150", alt: selectedProfile.name, className: "w-full h-full rounded-full object-cover", __source: { fileName: "", lineNumber: 378, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 387, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 388, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 389, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 390, columnNumber: 31 }, __self: this }, "Naam"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", defaultValue: selectedProfile.name, required: true, className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 393, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 401, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 402, columnNumber: 31 }, __self: this }, "Profielfoto URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "avatar_url", defaultValue: selectedProfile.avatar_url, className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 405, columnNumber: 31 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 416, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 417, columnNumber: 25 }, __self: this }, "Locatie"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "location", defaultValue: selectedProfile.location, className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 420, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 428, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 429, columnNumber: 25 }, __self: this }, "Project Omschrijving"), /*#__PURE__*/ React.createElement("textarea", { name: "project_description", defaultValue: selectedProfile.project_description, rows: "4", className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 432, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 440, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 441, columnNumber: 25 }, __self: this }, "Waar ben je naar op zoek?"), /*#__PURE__*/ React.createElement("textarea", { name: "looking_for", defaultValue: selectedProfile.looking_for, rows: "4", className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 444, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 452, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 453, columnNumber: 25 }, __self: this }, "Project Stadium"), /*#__PURE__*/ React.createElement("select", { name: "project_stage", defaultValue: selectedProfile.project_stage, className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 456, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "Idee", __source: { fileName: "", lineNumber: 461, columnNumber: 27 }, __self: this }, "Idee"), /*#__PURE__*/ React.createElement("option", { value: "Prototype", __source: { fileName: "", lineNumber: 462, columnNumber: 27 }, __self: this }, "Prototype"), /*#__PURE__*/ React.createElement("option", { value: "Beta", __source: { fileName: "", lineNumber: 463, columnNumber: 27 }, __self: this }, "Beta"), /*#__PURE__*/ React.createElement("option", { value: "Live", __source: { fileName: "", lineNumber: 464, columnNumber: 27 }, __self: this }, "Live"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 468, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 469, columnNumber: 25 }, __self: this }, "Website URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "website_url", defaultValue: selectedProfile.website_url, className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 472, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-4", __source: { fileName: "", lineNumber: 480, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setSelectedProfile(null), className: "px-6 py-2.5 text-sm border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors", __source: { fileName: "", lineNumber: 481, columnNumber: 25 }, __self: this }, "Annuleren"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007AFF] text-white px-6 py-2.5 text-sm rounded-lg hover:bg-[#0066CC] transition-colors", __source: { fileName: "", lineNumber: 488, columnNumber: 25 }, __self: this }, "Profiel Bijwerken"))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6 mb-8", __source: { fileName: "", lineNumber: 498, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: selectedProfile.avatar_url || "https://via.placeholder.com/150", alt: selectedProfile.name, className: "w-32 h-32 rounded-full object-cover", __source: { fileName: "", lineNumber: 499, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 507, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 508, columnNumber: 27 }, __self: this }, selectedProfile.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 511, columnNumber: 27 }, __self: this }, selectedProfile.location), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mt-4", __source: { fileName: "", lineNumber: 514, columnNumber: 27 }, __self: this }, selectedProfile.website_url && /*#__PURE__*/ React.createElement("a", { href: selectedProfile.website_url, target: "_blank", rel: "noopener noreferrer", className: "text-[#007AFF] hover:underline", __source: { fileName: "", lineNumber: 516, columnNumber: 31 }, __self: this }, "Website bezoeken"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>startConversation(selectedProfile.id), className: "bg-[#007AFF] text-white px-4 py-2 rounded-lg hover:bg-[#0066CC] transition-colors", __source: { fileName: "", lineNumber: 525, columnNumber: 29 }, __self: this }, "Stuur Bericht")))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 536, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 537, columnNumber: 25 }, __self: this }, "Project"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 538, columnNumber: 25 }, __self: this }, selectedProfile.project_description)), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 542, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 543, columnNumber: 25 }, __self: this }, "Op zoek naar"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 546, columnNumber: 25 }, __self: this }, selectedProfile.looking_for)), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 550, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 551, columnNumber: 25 }, __self: this }, "Project Stadium"), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 554, columnNumber: 25 }, __self: this }, selectedProfile.project_stage)))), !user && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-blue-50 rounded-lg", __source: { fileName: "", lineNumber: 562, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-blue-800", __source: { fileName: "", lineNumber: 563, columnNumber: 21 }, __self: this }, "Log in om een bericht te sturen naar deze persoon."))) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 570, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg overflow-hidden p-8 border-2 border-blue-100", __source: { fileName: "", lineNumber: 571, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 572, columnNumber: 19 }, __self: this }, "Voorbeeldprofiel"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6 mb-8", __source: { fileName: "", lineNumber: 575, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-32 h-32", __source: { fileName: "", lineNumber: 576, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: exampleProfile.avatar_url, alt: exampleProfile.name, className: "w-full h-full rounded-full object-cover", __source: { fileName: "", lineNumber: 577, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 583, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 584, columnNumber: 23 }, __self: this }, exampleProfile.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 587, columnNumber: 23 }, __self: this }, exampleProfile.location))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 590, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 591, columnNumber: 21 }, __self: this }, "Project"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 592, columnNumber: 21 }, __self: this }, exampleProfile.project_description)), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 596, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 597, columnNumber: 21 }, __self: this }, "Op zoek naar"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 598, columnNumber: 21 }, __self: this }, exampleProfile.looking_for)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 602, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 603, columnNumber: 21 }, __self: this }, "Project Stadium"), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 606, columnNumber: 21 }, __self: this }, exampleProfile.project_stage))), profiles.map((profile)=>/*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg overflow-hidden p-8", __source: { fileName: "", lineNumber: 613, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6 mb-8", __source: { fileName: "", lineNumber: 614, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-32 h-32", __source: { fileName: "", lineNumber: 615, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: profile.avatar_url || "https://via.placeholder.com/150", alt: profile.name, className: "w-full h-full rounded-full object-cover", __source: { fileName: "", lineNumber: 616, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 625, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 626, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 627, columnNumber: 27 }, __self: this }, profile.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 630, columnNumber: 27 }, __self: this }, profile.location), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mt-4", __source: { fileName: "", lineNumber: 631, columnNumber: 27 }, __self: this }, profile.website_url && /*#__PURE__*/ React.createElement("a", { href: profile.website_url, target: "_blank", rel: "noopener noreferrer", className: "text-[#007AFF] hover:underline", __source: { fileName: "", lineNumber: 633, columnNumber: 31 }, __self: this }, "Website bezoeken"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>startConversation(profile.id), className: "bg-[#007AFF] text-white px-4 py-2 rounded-lg hover:bg-[#0066CC] transition-colors", __source: { fileName: "", lineNumber: 642, columnNumber: 29 }, __self: this }, "Stuur Bericht"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 652, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 653, columnNumber: 23 }, __self: this }, "Project"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 654, columnNumber: 23 }, __self: this }, profile.project_description)), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 658, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 659, columnNumber: 23 }, __self: this }, "Op zoek naar"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 662, columnNumber: 23 }, __self: this }, profile.looking_for)), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 664, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 665, columnNumber: 23 }, __self: this }, "Project Stadium"), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 668, columnNumber: 23 }, __self: this }, profile.project_stage)))))), view === "submit" && /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 680, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mb-8", __source: { fileName: "", lineNumber: 681, columnNumber: 13 }, __self: this }, user?.profile && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setView("profiles"), className: "text-[#5D3FD3]", __source: { fileName: "", lineNumber: 683, columnNumber: 17 }, __self: this }, "← Terug naar Profielen")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleProfileSubmit, className: "space-y-8", __source: { fileName: "", lineNumber: 691, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 692, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 693, columnNumber: 17 }, __self: this }, "Naam"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", required: true, className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 696, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 704, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 705, columnNumber: 17 }, __self: this }, "Bio"), /*#__PURE__*/ React.createElement("textarea", { name: "bio", rows: "3", className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 708, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 715, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 716, columnNumber: 17 }, __self: this }, "Profielfoto URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "avatar_url", className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 719, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 726, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 727, columnNumber: 17 }, __self: this }, "Locatie"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "location", className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 730, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 737, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 738, columnNumber: 17 }, __self: this }, "Project Omschrijving"), /*#__PURE__*/ React.createElement("textarea", { name: "project_description", rows: "4", required: true, className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 741, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 749, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 750, columnNumber: 17 }, __self: this }, "Waar ben je naar op zoek?"), /*#__PURE__*/ React.createElement("textarea", { name: "looking_for", rows: "4", required: true, className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 753, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 761, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 762, columnNumber: 17 }, __self: this }, "Project Stadium"), /*#__PURE__*/ React.createElement("select", { name: "project_stage", required: true, className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 765, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 770, columnNumber: 19 }, __self: this }, "Selecteer stadium"), /*#__PURE__*/ React.createElement("option", { value: "Idee", __source: { fileName: "", lineNumber: 771, columnNumber: 19 }, __self: this }, "Idee"), /*#__PURE__*/ React.createElement("option", { value: "Prototype", __source: { fileName: "", lineNumber: 772, columnNumber: 19 }, __self: this }, "Prototype"), /*#__PURE__*/ React.createElement("option", { value: "Beta", __source: { fileName: "", lineNumber: 773, columnNumber: 19 }, __self: this }, "Beta"), /*#__PURE__*/ React.createElement("option", { value: "Live", __source: { fileName: "", lineNumber: 774, columnNumber: 19 }, __self: this }, "Live"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 778, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 779, columnNumber: 17 }, __self: this }, "Website URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "website_url", className: "w-full p-3 rounded-lg border border-gray-200 focus:border-[#007AFF] focus:ring-1 focus:ring-[#007AFF] outline-none transition-all", __source: { fileName: "", lineNumber: 782, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 789, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007AFF] text-white px-6 py-2.5 text-sm rounded-lg hover:bg-[#0066CC] transition-colors", __source: { fileName: "", lineNumber: 790, columnNumber: 17 }, __self: this }, user?.profile ? "Profiel Bijwerken" : "Profiel Aanmaken")))))); }