function MainComponent() { const testDatabase = async ()=>{ try { const response = await fetch("/api/test-db", { method: "POST", headers: { "Content-Type": "application/json" } }); const data = await response.json(); console.log("Database test resultaten:", data); alert(JSON.stringify(data, null, 2)); } catch (error) { console.error("Test failed:", error); alert("Test failed: " + error.message); } }; const [formData, setFormData] = React.useState({ name: "", email: "", city: "", phone: "", experience: "", skills: [], subskills: [], skillsExplanation: "", cv: null, password: "" }); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleSkillChange = (e)=>{ const { checked, value } = e.target; setFormData((prev)=>({ ...prev, skills: checked ? [ ...prev.skills, value ] : prev.skills.filter((skill)=>skill !== value) })); }; const handleFileChange = (e)=>{ setFormData((prev)=>({ ...prev, cv: e.target.files[0] })); }; const handleSubskillChange = (e)=>{ const { checked, value } = e.target; setFormData((prev)=>({ ...prev, subskills: checked ? [ ...prev.subskills, value ] : prev.subskills.filter((subskill)=>subskill !== value) })); }; const handleSubmit = async (e)=>{ e.preventDefault(); try { const response = await fetch("/api/submit-application", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (response.ok) { setShowPopup(true); setTimeout(()=>{ window.location.href = "https://www.linkstream.be"; }, 2000); } else { alert("There was an error submitting your information. Please try again."); } } catch (error) { console.error("Error submitting information:", error); alert("There was an error submitting your information. Please try again."); } }; const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [currentView, setCurrentView] = React.useState("edit"); const [isLoading, setIsLoading] = React.useState(false); const [error, setError] = React.useState(null); const handleLogin = async (e)=>{ e.preventDefault(); setIsLoading(true); setError(null); const email = e.target.email.value; const password = e.target.password.value; try { if (email === "imepro1@hotmail.com" && password === "Matis200lws!") { setIsAdmin(true); setIsLoggedIn(true); const response = await fetch("/api/get-users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, password }) }); if (!response.ok) { throw new Error(`Error: ${response.status}`); } const usersData = await response.json(); if (usersData.error) { throw new Error(usersData.error); } setUsers(usersData); setCurrentView("admin"); } else { const loginResponse = await fetch("/api/login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, password }) }); if (!loginResponse.ok) { throw new Error("Login failed"); } const userData = await loginResponse.json(); if (userData.error) { throw new Error(userData.error); } setIsLoggedIn(true); setCurrentView("dashboard"); setFormData(userData); } } catch (err) { setError(err.message); console.error("Login error:", err); setIsAdmin(false); setIsLoggedIn(false); } finally{ setIsLoading(false); } }; const handleLogout = ()=>{ setIsLoggedIn(false); setIsAdmin(false); setCurrentView("edit"); setUsers([]); setError(null); setFormData({ name: "", email: "", city: "", phone: "", experience: "", skills: [], subskills: [], skillsExplanation: "", cv: null, password: "" }); }; const [showPopup, setShowPopup] = React.useState(false); const [isAdmin, setIsAdmin] = React.useState(false); const [users, setUsers] = React.useState([]); const [selectedUser, setSelectedUser] = React.useState(null); const renderLoginForm = ()=>/*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 173, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center text-gray-900 mb-6", __source: { fileName: "", lineNumber: 174, columnNumber: 7 }, __self: this }, "Login"), error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-3 bg-red-100 text-red-700 rounded", __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 180, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "loginEmail", className: "block mb-2", __source: { fileName: "", lineNumber: 181, columnNumber: 9 }, __self: this }, "Email:"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "loginEmail", name: "email", required: true, className: "w-full p-2 border border-gray-300 rounded", disabled: isLoading, __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 193, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "loginPassword", className: "block mb-2", __source: { fileName: "", lineNumber: 194, columnNumber: 9 }, __self: this }, "Password:"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "loginPassword", name: "password", required: true, className: "w-full p-2 border border-gray-300 rounded", disabled: isLoading, __source: { fileName: "", lineNumber: 197, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 transition-colors disabled:bg-blue-300", disabled: isLoading, __source: { fileName: "", lineNumber: 206, columnNumber: 7 }, __self: this }, isLoading ? "Logging in..." : "Login")); const renderDashboard = ()=>/*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 216, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center text-gray-900 mb-6", __source: { fileName: "", lineNumber: 217, columnNumber: 7 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 220, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 221, columnNumber: 9 }, __self: this }, "Your Information"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 222, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 223, columnNumber: 11 }, __self: this }, "Name:"), " ", formData.name), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 225, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 226, columnNumber: 11 }, __self: this }, "Email:"), " ", formData.email), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 228, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 229, columnNumber: 11 }, __self: this }, "City:"), " ", formData.city), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 231, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, "Phone:"), " ", formData.phone), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 234, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 235, columnNumber: 11 }, __self: this }, "Experience:"), " ", formData.experience), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 237, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 238, columnNumber: 11 }, __self: this }, "Skills:"), " ", formData.skills.join(", ")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 240, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 241, columnNumber: 11 }, __self: this }, "Subskills:"), " ", formData.subskills.join(", ")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 243, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 244, columnNumber: 11 }, __self: this }, "Skills Explanation:"), " ", formData.skillsExplanation), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 246, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 247, columnNumber: 11 }, __self: this }, "CV:"), " ", formData.cv ? formData.cv.name : "Not uploaded")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("edit"), className: "w-full bg-green-500 text-white py-2 px-4 rounded hover:bg-green-600 transition-colors mb-4", __source: { fileName: "", lineNumber: 250, columnNumber: 7 }, __self: this }, "Edit Information"), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "w-full bg-red-500 text-white py-2 px-4 rounded hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 256, columnNumber: 7 }, __self: this }, "Logout")); const renderAdminDashboard = ()=>{ const [searchTerm, setSearchTerm] = React.useState(""); const [sortField, setSortField] = React.useState("createdAt"); const [sortOrder, setSortOrder] = React.useState("desc"); const handleStatusChange = async (id, newStatus)=>{ try { const response = await fetch("/api/update-application-status", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ id, status: newStatus }) }); const data = await response.json(); if (data.error) { alert("Error updating status: " + data.error); return; } setUsers(users.map((user)=>user.id === id ? { ...user, status: newStatus } : user)); } catch (error) { alert("Error updating status: " + error.message); } }; const handleDelete = async (id)=>{ if (!confirm("Weet je zeker dat je deze sollicitatie wilt verwijderen?")) { return; } try { const response = await fetch("/api/delete-application", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ id }) }); const data = await response.json(); if (data.error) { alert("Error deleting application: " + data.error); return; } setUsers(users.filter((user)=>user.id !== id)); } catch (error) { alert("Error deleting application: " + error.message); } }; if (!users || users.length === 0) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 324, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 325, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 326, columnNumber: 13 }, __self: this }, "Admin Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ try { const response = await fetch("/api/test-db", { method: "POST", body: {} }); const data = await response.json(); console.log("Database test resultaten:", data); alert(JSON.stringify(data, null, 2)); } catch (error) { console.error("Test failed:", error); alert("Test failed: " + error.message); } }, className: "bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 transition-colors mb-4", __source: { fileName: "", lineNumber: 329, columnNumber: 13 }, __self: this }, "Test Database Connectie"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 348, columnNumber: 13 }, __self: this }, "Er zijn nog geen sollicitaties gevonden in het systeem."), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 351, columnNumber: 13 }, __self: this }, "Database status: ", JSON.stringify(users))), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "w-full bg-red-500 text-white py-2 px-4 rounded hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 355, columnNumber: 11 }, __self: this }, "Uitloggen")); } if (isLoading) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md flex justify-center items-center", __source: { fileName: "", lineNumber: 367, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl", __source: { fileName: "", lineNumber: 368, columnNumber: 11 }, __self: this }, "Loading applications...")); } if (error) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 375, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-red-600 text-center mb-4", __source: { fileName: "", lineNumber: 376, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "w-full bg-red-500 text-white py-2 px-4 rounded hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 377, columnNumber: 11 }, __self: this }, "Logout")); } return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 388, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 389, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 390, columnNumber: 11 }, __self: this }, "Admin Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "bg-red-500 text-white py-2 px-4 rounded hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 391, columnNumber: 11 }, __self: this }, "Logout")), /*#__PURE__*/ React.createElement("button", { onClick: testDatabase, className: "bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 transition-colors mb-4", __source: { fileName: "", lineNumber: 398, columnNumber: 9 }, __self: this }, "Test Database Connectie"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 405, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search by name, email, or skills...", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 406, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 mb-6", __source: { fileName: "", lineNumber: 415, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSort("createdAt"), className: `px-4 py-2 rounded ${sortField === "createdAt" ? "bg-blue-500 text-white" : "bg-gray-200 text-gray-700"}`, __source: { fileName: "", lineNumber: 416, columnNumber: 11 }, __self: this }, "Sort by Date", " ", sortField === "createdAt" && (sortOrder === "asc" ? "↑" : "↓")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSort("name"), className: `px-4 py-2 rounded ${sortField === "name" ? "bg-blue-500 text-white" : "bg-gray-200 text-gray-700"}`, __source: { fileName: "", lineNumber: 427, columnNumber: 11 }, __self: this }, "Sort by Name", " ", sortField === "name" && (sortOrder === "asc" ? "↑" : "↓")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSort("experience"), className: `px-4 py-2 rounded ${sortField === "experience" ? "bg-blue-500 text-white" : "bg-gray-200 text-gray-700"}`, __source: { fileName: "", lineNumber: 438, columnNumber: 11 }, __self: this }, "Sort by Experience", " ", sortField === "experience" && (sortOrder === "asc" ? "↑" : "↓"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-6", __source: { fileName: "", lineNumber: 451, columnNumber: 9 }, __self: this }, filteredUsers.map((user)=>/*#__PURE__*/ React.createElement("div", { key: user.email, className: "border rounded-lg p-6 hover:shadow-lg transition-shadow", __source: { fileName: "", lineNumber: 453, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-4", __source: { fileName: "", lineNumber: 457, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 458, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 459, columnNumber: 19 }, __self: this }, user.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 460, columnNumber: 19 }, __self: this }, user.email)), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 462, columnNumber: 17 }, __self: this }, "Applied on: ", new Date(user.createdAt).toLocaleDateString())), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 467, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 468, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 469, columnNumber: 19 }, __self: this }, "Contact Information:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 470, columnNumber: 19 }, __self: this }, "City: ", user.city), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 471, columnNumber: 19 }, __self: this }, "Phone: ", user.phone), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 472, columnNumber: 19 }, __self: this }, "Experience: ", user.experience)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 475, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 476, columnNumber: 19 }, __self: this }, "Skills:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 477, columnNumber: 19 }, __self: this }, user.skills?.map((skill)=>/*#__PURE__*/ React.createElement("span", { key: skill, className: "bg-blue-100 text-blue-800 px-2 py-1 rounded text-sm", __source: { fileName: "", lineNumber: 479, columnNumber: 23 }, __self: this }, skill)) || "No skills listed"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 490, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 491, columnNumber: 17 }, __self: this }, "Subskills:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 492, columnNumber: 17 }, __self: this }, user.subskills?.map((subskill)=>/*#__PURE__*/ React.createElement("span", { key: subskill, className: "bg-gray-100 text-gray-800 px-2 py-1 rounded text-sm", __source: { fileName: "", lineNumber: 494, columnNumber: 21 }, __self: this }, subskill)) || "No subskills listed")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 504, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 505, columnNumber: 17 }, __self: this }, "Skills Explanation:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 506, columnNumber: 17 }, __self: this }, user.skillsExplanation || "No explanation provided")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 511, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 512, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 513, columnNumber: 19 }, __self: this }, "Status:"), /*#__PURE__*/ React.createElement("select", { value: user.status || "new", onChange: (e)=>handleStatusChange(user.id, e.target.value), className: "p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 514, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "new", __source: { fileName: "", lineNumber: 521, columnNumber: 21 }, __self: this }, "Nieuw"), /*#__PURE__*/ React.createElement("option", { value: "in_review", __source: { fileName: "", lineNumber: 522, columnNumber: 21 }, __self: this }, "In behandeling"), /*#__PURE__*/ React.createElement("option", { value: "accepted", __source: { fileName: "", lineNumber: 523, columnNumber: 21 }, __self: this }, "Aangenomen"), /*#__PURE__*/ React.createElement("option", { value: "rejected", __source: { fileName: "", lineNumber: 524, columnNumber: 21 }, __self: this }, "Afgewezen"))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 528, columnNumber: 17 }, __self: this }, user.cv && /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDownloadCV(user.cv, user.name), className: "bg-green-500 text-white py-2 px-4 rounded hover:bg-green-600 transition-colors", __source: { fileName: "", lineNumber: 530, columnNumber: 21 }, __self: this }, "Download CV"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDelete(user.id), className: "bg-red-500 text-white py-2 px-4 rounded hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 537, columnNumber: 19 }, __self: this }, "Verwijderen"))))))); }; return /*#__PURE__*/ React.createElement("div", { className: "font-sans bg-[#3B82F6] text-gray-800 max-w-4xl mx-auto p-5", __source: { fileName: "", lineNumber: 553, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white p-4 mb-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 554, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-center space-x-4", __source: { fileName: "", lineNumber: 555, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 556, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("login"), className: "text-blue-500 hover:text-blue-700", __source: { fileName: "", lineNumber: 557, columnNumber: 13 }, __self: this }, "Login")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 564, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("register"), className: "text-blue-500 hover:text-blue-700", __source: { fileName: "", lineNumber: 565, columnNumber: 13 }, __self: this }, "Register")))), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center text-gray-900 mb-6", __source: { fileName: "", lineNumber: 574, columnNumber: 7 }, __self: this }, "Apply for a job"), !isLoggedIn && currentView === "login" && renderLoginForm(), isLoggedIn && !isAdmin && currentView === "dashboard" && renderDashboard(), isLoggedIn && isAdmin && renderAdminDashboard(), isLoggedIn && currentView === "edit" || !isLoggedIn && currentView !== "login" && /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "bg-white p-6 rounded-lg shadow-md", encType: "multipart/form-data", __source: { fileName: "", lineNumber: 585, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 590, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block mb-2", __source: { fileName: "", lineNumber: 591, columnNumber: 15 }, __self: this }, "Full Name:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", value: formData.name, onChange: handleInputChange, required: true, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 594, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 604, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block mb-2", __source: { fileName: "", lineNumber: 605, columnNumber: 15 }, __self: this }, "Email:"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: formData.email, onChange: handleInputChange, required: true, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 608, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 618, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "city", className: "block mb-2", __source: { fileName: "", lineNumber: 619, columnNumber: 15 }, __self: this }, "City:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "city", name: "city", value: formData.city, onChange: handleInputChange, required: true, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 622, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 632, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phone", className: "block mb-2", __source: { fileName: "", lineNumber: 633, columnNumber: 15 }, __self: this }, "Phone Number:"), /*#__PURE__*/ React.createElement("input", { type: "tel", id: "phone", name: "phone", value: formData.phone, onChange: handleInputChange, required: true, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 636, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 646, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block mb-2", __source: { fileName: "", lineNumber: 647, columnNumber: 15 }, __self: this }, "Password:"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", value: formData.password, onChange: handleInputChange, required: true, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 650, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 660, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "experience", className: "block mb-2", __source: { fileName: "", lineNumber: 661, columnNumber: 15 }, __self: this }, "Years of Experience:"), /*#__PURE__*/ React.createElement("select", { id: "experience", name: "experience", value: formData.experience, onChange: handleInputChange, required: true, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 664, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 672, columnNumber: 17 }, __self: this }, "Select experience"), /*#__PURE__*/ React.createElement("option", { value: "0-2", __source: { fileName: "", lineNumber: 673, columnNumber: 17 }, __self: this }, "0-2 years"), /*#__PURE__*/ React.createElement("option", { value: "3-5", __source: { fileName: "", lineNumber: 674, columnNumber: 17 }, __self: this }, "3-5 years"), /*#__PURE__*/ React.createElement("option", { value: "6-10", __source: { fileName: "", lineNumber: 675, columnNumber: 17 }, __self: this }, "6-10 years"), /*#__PURE__*/ React.createElement("option", { value: "10+", __source: { fileName: "", lineNumber: 676, columnNumber: 17 }, __self: this }, "10+ years"))), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center text-gray-900 my-4", __source: { fileName: "", lineNumber: 679, columnNumber: 13 }, __self: this }, "Skills and Subskills"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 682, columnNumber: 13 }, __self: this }, [ { skill: "Frontend Developer", icon: "fa-solid fa-code", subskills: [ "React", "Vue", "Angular", "CSS", "HTML" ] }, { skill: "Backend Developer", icon: "fa-solid fa-server", subskills: [ "Node.js", "Python", "Java", "Ruby", "PHP" ] }, { skill: "Full Stack Developer", icon: "fa-solid fa-layer-group", subskills: [ "MERN", "MEAN", "Ruby on Rails", "Django", "Laravel" ] }, { skill: "DevOps Engineer", icon: "fa-solid fa-gears", subskills: [ "Docker", "Kubernetes", "Jenkins", "AWS", "Azure" ] }, { skill: "Data Scientist", icon: "fa-solid fa-chart-line", subskills: [ "Python", "R", "Machine Learning", "SQL", "Tableau" ] }, { skill: "UI/UX Designer", icon: "fa-solid fa-pen-ruler", subskills: [ "Figma", "Sketch", "Adobe XD", "InVision", "Zeplin" ] }, { skill: "Cybersecurity Analyst", icon: "fa-solid fa-shield-halved", subskills: [ "Network Security", "Penetration Testing", "Cryptography", "Risk Management", "Incident Response" ] }, { skill: "Cloud Architect", icon: "fa-solid fa-cloud", subskills: [ "AWS", "Azure", "Google Cloud", "OpenStack", "Serverless" ] } ].map(({ skill, icon, subskills })=>/*#__PURE__*/ React.createElement("div", { key: skill, className: "mb-4", __source: { fileName: "", lineNumber: 761, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 762, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: `skill-${skill.toLowerCase().replace(/\s/g, "")}`, name: "skills[]", value: skill, checked: formData.skills.includes(skill), onChange: handleSkillChange, className: "hidden", __source: { fileName: "", lineNumber: 763, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: `skill-${skill.toLowerCase().replace(/\s/g, "")}`, className: `flex flex-col items-center justify-center p-4 rounded-lg cursor-pointer transition-colors ${formData.skills.includes(skill) ? "bg-[#E5E7EB] text-black" : "bg-[#3B82F6] hover:bg-[#2563EB] text-white"}`, __source: { fileName: "", lineNumber: 772, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${icon} text-3xl mb-2`, __source: { fileName: "", lineNumber: 780, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-center text-sm", __source: { fileName: "", lineNumber: 781, columnNumber: 23 }, __self: this }, skill))), formData.skills.includes(skill) && /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 785, columnNumber: 21 }, __self: this }, subskills.map((subskill)=>/*#__PURE__*/ React.createElement("div", { key: subskill, className: "mb-1", __source: { fileName: "", lineNumber: 787, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: `subskill-${subskill.toLowerCase().replace(/\s/g, "")}`, name: "subskills[]", value: subskill, checked: formData.subskills.includes(subskill), onChange: handleSubskillChange, className: "mr-2", __source: { fileName: "", lineNumber: 788, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: `subskill-${subskill.toLowerCase().replace(/\s/g, "")}`, className: "text-sm", __source: { fileName: "", lineNumber: 797, columnNumber: 27 }, __self: this }, subskill))))))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 810, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "skillsExplanation", className: "block mb-2", __source: { fileName: "", lineNumber: 811, columnNumber: 15 }, __self: this }, "Explain your skills:"), /*#__PURE__*/ React.createElement("textarea", { id: "skillsExplanation", name: "skillsExplanation", value: formData.skillsExplanation, onChange: handleInputChange, className: "w-full p-2 border border-gray-300 rounded", rows: "4", __source: { fileName: "", lineNumber: 814, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 823, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "cv", className: "block mb-2", __source: { fileName: "", lineNumber: 824, columnNumber: 15 }, __self: this }, "Upload CV:"), /*#__PURE__*/ React.createElement("input", { type: "file", id: "cv", name: "cv", onChange: handleFileChange, className: "w-full p-2 border border-gray-300 rounded", accept: ".pdf,.doc,.docx", __source: { fileName: "", lineNumber: 827, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 836, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-green-500 text-white py-2 px-4 rounded hover:bg-green-600 transition-colors", __source: { fileName: "", lineNumber: 837, columnNumber: 15 }, __self: this }, "Submit Information"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setCurrentView("dashboard"), className: "bg-gray-500 text-white py-2 px-4 rounded hover:bg-gray-600 transition-colors", __source: { fileName: "", lineNumber: 843, columnNumber: 15 }, __self: this }, "Cancel"))), showPopup && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 854, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 855, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 856, columnNumber: 13 }, __self: this }, "Informatie succesvol verzonden!"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 859, columnNumber: 13 }, __self: this }, "U wordt automatisch doorgestuurd naar LinkStream...")))); }