function MainComponent() { const [email, setEmail] = useState(""); const [result, setResult] = useState(null); const [loading, setLoading] = useState(false); const verifyEmail = async (e)=>{ e.preventDefault(); setLoading(true); try { const response = await fetch("/api/db/verifmailbase", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `email_list` WHERE `email` = ?", values: [ email ] }) }); const data = await response.json(); setResult(data[0] || null); } catch (err) { console.error(err); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#002395] via-white to-[#ED2939] flex items-center justify-center px-4 py-12", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-lg w-full backdrop-blur-lg bg-white/90 rounded-3xl shadow-2xl p-8", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/page-administrateur-securisee", className: "px-4 py-2 bg-[#002395] text-white rounded-lg hover:bg-[#001875] transition-colors duration-300 flex items-center gap-2", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), "Administration")), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-6", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-1 bg-[#002395]", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-16 h-1 bg-white mx-1", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-16 h-1 bg-[#ED2939]", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#002395] font-roboto mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Vérification Email SRCSSO"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 bg-white/50 rounded-full px-4 py-2 inline-block", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Service de Renseignement Communautaire de Surveillance à Source Ouverte")), /*#__PURE__*/ React.createElement("form", { onSubmit: verifyEmail, className: "space-y-6", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Entrez l'adresse email à vérifier", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full px-6 py-4 border-2 rounded-2xl focus:outline-none focus:border-[#002395] transition-all bg-white/50 backdrop-blur-sm", required: true, __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope absolute right-4 top-1/2 transform -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-gradient-to-r from-[#002395] to-[#001875] text-white py-4 rounded-2xl hover:shadow-lg transition-all duration-300 font-medium text-lg relative overflow-hidden group", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "relative z-10", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, loading ? "Vérification..." : "Vérifier"), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-white/20 transform translate-y-full group-hover:translate-y-0 transition-transform duration-300", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }))), result && /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-8 bg-gradient-to-br from-[#002395]/5 to-white rounded-3xl border border-[#002395]/20 backdrop-blur-sm", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-[#002395] rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-2xl text-white", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#002395] mb-3", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, "Email SRCSSO Validé"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-medium text-lg", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, result.first_name, " ", result.last_name), /*#__PURE__*/ React.createElement("p", { className: "text-[#002395]/70 mt-2 font-medium", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, result.role))), result === null && email && !loading && /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-8 bg-gradient-to-br from-[#ED2939]/5 to-white rounded-3xl border border-[#ED2939]/20 backdrop-blur-sm", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-[#ED2939] rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-2xl text-white", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#ED2939] mb-3", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, "Email Non Conforme"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-medium", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, "Cette adresse email est inconnue au SRCSSO"))))); }