function MainComponent() { const [email, setEmail] = useState(""); const [status, setStatus] = useState({ type: "", message: "" }); const [isSubmitting, setIsSubmitting] = useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); setIsSubmitting(true); setStatus({ type: "", message: "" }); try { const response = await fetch("/api/password-reset", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); if (!response.ok) { throw new Error("Failed to send reset link"); } setStatus({ type: "success", message: "Password reset link has been sent to your email" }); setEmail(""); } catch (error) { setStatus({ type: "error", message: "Failed to send reset link. Please try again." }); } finally{ setIsSubmitting(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-sm", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/f99cfdd2-1a75-4342-9b7d-71e3528cdba6/-/format/auto/", alt: "Hayaat Home Care Logo", className: "h-12 mr-4", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#2B4D5C]", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Reset Password")), /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-600 hover:text-[#4BA7B7]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }), "Back to Home")))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-16", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white rounded-lg shadow-sm p-8", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-[#4BA7B7] text-5xl mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#2B4D5C] mb-2", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Forgot Your Password?"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Enter your email address and we'll send you a link to reset your password.")), status.message && /*#__PURE__*/ React.createElement("div", { className: `mb-6 p-4 rounded-lg ${status.type === "success" ? "bg-green-50 text-green-800" : "bg-red-50 text-red-800"}`, __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, status.message), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full px-4 py-2 border rounded-lg focus:ring-[#4BA7B7] focus:border-[#4BA7B7]", required: true, placeholder: "Enter your email", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "w-full bg-[#4BA7B7] text-white px-6 py-3 rounded-lg hover:bg-[#3A8A99] disabled:opacity-50", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, isSubmitting ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }), "Sending...") : "Send Reset Link"), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#4BA7B7] hover:underline", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, "Remember your password? Sign in")))))); }