function MainComponent() { const [accountType, setAccountType] = React.useState(""); const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [error, setError] = React.useState(""); const handleSubmit = async (e)=>{ e.preventDefault(); setError(""); if (!accountType) { setError("Please select an account type"); return; } try { const database = accountType === "borrower" ? "borrower-database" : "lender-database"; const tableName = accountType === "borrower" ? "borrowers" : "lenders"; const response = await fetch(`/api/db/${database}`, { method: "POST", body: JSON.stringify({ query: `SELECT * FROM \`${tableName}\` WHERE \`email\` = ? AND \`password\` = ?`, values: [ email, password ] }) }); const data = await response.json(); if (data.length > 0) { window.location.href = "https://www.tryrealsify.online/book-lending-profile-page"; } else { setError("Invalid email or password"); } } catch (err) { setError("Something went wrong. Please try again."); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5] flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 w-full max-w-md", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#2c3e50] font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "BookShare"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mt-2 font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Share your favorite books with others")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setAccountType("borrower"), className: `flex-1 py-2 rounded-lg font-roboto ${accountType === "borrower" ? "bg-[#3498db] text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Borrower"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setAccountType("lender"), className: `flex-1 py-2 rounded-lg font-roboto ${accountType === "lender" ? "bg-[#3498db] text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Lender")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Email address", className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 font-roboto", required: true, __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: password, onChange: (e)=>setPassword(e.target.value), placeholder: "Password", className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 font-roboto", required: true, __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#3498db] text-white py-3 rounded-lg hover:bg-[#2980b9] transition-colors font-roboto", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, "Sign In")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 116, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, "Don't have an account?", " ", /*#__PURE__*/ React.createElement("a", { target: "_self", href: "https://tryrealsify.online/book-share-sign-up-page", className: "text-[#3498db] hover:underline", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "Sign up"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#3498db] cursor-pointer hover:underline text-sm font-roboto", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, "Forgot password?")))); }