function MainComponent() { const [username, setUsername] = React.useState(''); const [password, setPassword] = React.useState(''); const [userType, setUserType] = React.useState('تلاميذ'); const [isAuthenticated, setIsAuthenticated] = React.useState(false); const [posts, setPosts] = React.useState([ { username: 'الأستاذ يحيى', content: '📚 درس في الرياضيات: الدوال الخطية', image: 'lessons/math-function.png', comments: [] }, { username: 'الأستاذ يحيى', content: '📘 معلومات عن الجبر وتاريخه', image: 'lessons/algebra-history.png', comments: [] } ]); const handleUsernameChange = (event)=>{ setUsername(event.target.value); }; const handlePasswordChange = (event)=>{ setPassword(event.target.value); }; const handleUserTypeChange = (event)=>{ setUserType(event.target.value); }; const handlePostSubmit = (event)=>{ event.preventDefault(); const fileInput = event.target.elements.postImage; const file = fileInput.files[0]; const newPost = { username: 'الأستاذ يحيى', content: event.target.elements.postContent.value, image: file ? URL.createObjectURL(file) : '', comments: [] }; setPosts([ newPost, ...posts ]); }; const handleCommentSubmit = (postIndex, comment)=>{ const updatedPosts = [ ...posts ]; if (!comment.trim()) return; updatedPosts[postIndex].comments.push(comment); setPosts(updatedPosts); setTimeout(()=>{ updatedPosts[postIndex].comments = updatedPosts[postIndex].comments.filter((c)=>c !== comment); setPosts([ ...updatedPosts ]); }, 86400000); }; const handleSubmit = (event)=>{ event.preventDefault(); setIsAuthenticated(userType === 'اساتذة' && password === 'mld12345678' || userType === 'تلاميذ' && password === '12345678help'); }; const teacherActions = /*#__PURE__*/ React.createElement("form", { onSubmit: handlePostSubmit, className: "space-y-6 w-full max-w-md", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { placeholder: "ماذا تريد أن تنشر؟", name: "postContent", className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "postImage", accept: "image/*", className: "shadow border rounded py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-600 hover:bg-blue-800 text-white font-roboto py-2 px-4 rounded focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, "نشر")); const studentActions = posts.map((post, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-4 mb-4 rounded shadow-md", __source: { fileName: "", lineNumber: 86, columnNumber: 5 }, __self: this }, post.image && /*#__PURE__*/ React.createElement("img", { src: post.image, alt: `صورة المنشور من ${post.username}`, className: "w-full max-w-xs h-auto mb-3", __source: { fileName: "", lineNumber: 87, columnNumber: 22 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-600", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, post.content), /*#__PURE__*/ React.createElement("div", { className: "space-y-1 mt-2", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }, post.comments.map((comment, i)=>/*#__PURE__*/ React.createElement("p", { key: i, className: "font-roboto text-gray-500", __source: { fileName: "", lineNumber: 90, columnNumber: 44 }, __self: this }, comment))), /*#__PURE__*/ React.createElement("textarea", { placeholder: "علق على المنشور...", name: `comment-${index}`, className: "mt-3 shadow border rounded w-full py-1 px-2 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", onKeyDown: (e)=>{ if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); handleCommentSubmit(index, e.target.value); e.target.value = ''; } }, __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }))); const authenticatedUI = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-8", __source: { fileName: "", lineNumber: 108, columnNumber: 5 }, __self: this }, userType === 'اساتذة' ? teacherActions : studentActions); const welcomeMessage = isAuthenticated && /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-roboto text-green-500 my-6 animate-welcome", __source: { fileName: "", lineNumber: 114, columnNumber: 5 }, __self: this }, userType === 'اساتذة' ? '🎓 ترحيب حار بالأساتذة الأفاضل!' : '📚 مرحباً بتلاميذنا الأعزاء في عالم المعرفة!'); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 120, columnNumber: 5 }, __self: this }, isAuthenticated ? /*#__PURE__*/ React.createElement(React.Fragment, null, welcomeMessage, authenticatedUI) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6 w-full max-w-md bg-white p-8 shadow-md rounded", __source: { fileName: "", lineNumber: 128, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl text-center text-gray-800 mb-6", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, "si Yahya mohamed"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "اسم المستخدم", name: "username", value: username, onChange: handleUsernameChange, autoComplete: "username", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-2 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "كلمة المرور", name: "password", value: password, onChange: handlePasswordChange, autoComplete: "current-password", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-4 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "userType", value: userType, onChange: handleUserTypeChange, className: "shadow border rounded w-full py-2 px-3 text-gray-700 mb-4 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "تلاميذ", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, "تلاميذ"), /*#__PURE__*/ React.createElement("option", { value: "اساتذة", __source: { fileName: "", lineNumber: 155, columnNumber: 15 }, __self: this }, "أساتذة")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white font-roboto py-2 px-4 rounded w-full focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }, "تسجيل الدخول")), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-500 text-xs font-roboto mt-6", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, "©2023 مطور مولود. جميع الحقوق محفوظة.")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 169, columnNumber: 7 }, __self: this }, ` @keyframes welcome { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } `)); }