function MainComponent() { const [darkMode, setDarkMode] = useState(false); const [formData, setFormData] = useState({ title: "", content: "", aiTool: "", experience: "neutral", tags: [] }); const [currentTag, setCurrentTag] = useState(""); const [upload, { loading }] = useUpload(); const [media, setMedia] = useState([]); const [error, setError] = useState(null); const [successMessage, setSuccessMessage] = useState(null); const [isSubmitting, setIsSubmitting] = useState(false); const aiTools = [ "ChatGPT", "Stable Diffusion", "DALL·E", "Midjourney", "Claude.ai", "Jasper", "Runway", "أخرى" ]; const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); setError(null); }; const handleAddTag = ()=>{ if (currentTag && !formData.tags.includes(currentTag)) { setFormData((prev)=>({ ...prev, tags: [ ...prev.tags, currentTag ] })); setCurrentTag(""); } }; const handleRemoveTag = (tagToRemove)=>{ setFormData((prev)=>({ ...prev, tags: prev.tags.filter((tag)=>tag !== tagToRemove) })); }; const handleMediaUpload = async (e)=>{ const file = e.target.files[0]; if (file) { try { const { url, error } = await upload({ file }); if (error) { setError(error); return; } setMedia([ ...media, { url, type: file.type } ]); } catch (err) { setError("حدث خطأ أثناء رفع الملف"); } } }; const handleSubmit = async (e)=>{ e.preventDefault(); setError(null); setSuccessMessage(null); if (!formData.title || !formData.content || !formData.aiTool) { setError("يرجى ملء جميع الحقول المطلوبة"); return; } const confirmed = window.confirm("هل أنت متأكد من نشر هذه التجربة؟"); if (!confirmed) { return; } setIsSubmitting(true); try { const response = await fetch("/api/experiencescreate", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...formData, media: media }) }); const data = await response.json(); if (data.error) { setError(data.error); setIsSubmitting(false); return; } setSuccessMessage("تم حفظ تجربتك بنجاح! جاري تحويلك..."); setFormData({ title: "", content: "", aiTool: "", experience: "neutral", tags: [] }); setMedia([]); setTimeout(()=>{ window.location.href = `/experience-details?id=${data.experience.id}`; }, 2000); } catch (err) { setError("حدث خطأ أثناء حفظ التجربة. الرجاء المحاولة مرة أخرى"); } finally{ setIsSubmitting(false); } }; return /*#__PURE__*/ React.createElement("div", { dir: "rtl", className: `min-h-screen ${darkMode ? "bg-gray-900 text-white" : "bg-gray-50"}`, __source: { fileName: "", lineNumber: 123, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#2C3E50] text-white p-4 shadow-lg sticky top-0 z-50", __source: { fileName: "", lineNumber: 127, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-8", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-2 hover:text-[#3498DB] transition duration-300", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-xl ml-2", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, "الرئيسية")), /*#__PURE__*/ React.createElement("a", { href: "/community", className: "flex items-center space-x-2 hover:text-[#3498DB] transition duration-300", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-xl ml-2", __source: { fileName: "", lineNumber: 142, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 143, columnNumber: 17 }, __self: this }, "المجتمع")), /*#__PURE__*/ React.createElement("a", { href: "/add-experience", className: "flex items-center space-x-2 text-[#3498DB] hover:text-[#2980B9] transition duration-300", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle text-xl ml-2", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 150, columnNumber: 17 }, __self: this }, "إضافة تجربة"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 153, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setDarkMode(!darkMode), className: "p-2 hover:text-[#3498DB] transition duration-300", "aria-label": darkMode ? "تفعيل الوضع النهاري" : "تفعيل الوضع الليلي", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${darkMode ? "fa-sun" : "fa-moon"} text-xl`, __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto mt-8 p-4", __source: { fileName: "", lineNumber: 170, columnNumber: 7 }, __self: this }, successMessage && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-green-100 text-green-700 rounded-lg flex items-center justify-between", __source: { fileName: "", lineNumber: 172, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 173, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle ml-2", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }), successMessage)), error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-red-100 text-red-700 rounded-lg flex items-center justify-between", __source: { fileName: "", lineNumber: 180, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 181, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle ml-2", __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }), error)), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "max-w-3xl mx-auto space-y-6", __source: { fileName: "", lineNumber: 187, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `p-6 rounded-lg shadow-lg ${darkMode ? "bg-gray-800" : "bg-white"}`, __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", __source: { fileName: "", lineNumber: 194, columnNumber: 15 }, __self: this }, "عنوان التجربة"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", value: formData.title, onChange: handleInputChange, className: "w-full p-3 border rounded-lg bg-transparent", placeholder: "أدخل عنوان تجربتك", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", __source: { fileName: "", lineNumber: 205, columnNumber: 15 }, __self: this }, "تفاصيل التجربة"), /*#__PURE__*/ React.createElement("textarea", { name: "content", value: formData.content, onChange: handleInputChange, className: "w-full p-3 border rounded-lg h-48 bg-transparent", placeholder: "اكتب تفاصيل تجربتك هنا...", __source: { fileName: "", lineNumber: 206, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }, "أداة الذكاء الاصطناعي"), /*#__PURE__*/ React.createElement("select", { name: "aiTool", value: formData.aiTool, onChange: handleInputChange, className: "w-full p-3 border rounded-lg bg-transparent", __source: { fileName: "", lineNumber: 218, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }, "اختر الأداة"), aiTools.map((tool)=>/*#__PURE__*/ React.createElement("option", { key: tool, value: tool, __source: { fileName: "", lineNumber: 226, columnNumber: 19 }, __self: this }, tool)))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 232, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", __source: { fileName: "", lineNumber: 233, columnNumber: 15 }, __self: this }, "تصنيف التجربة"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, [ "positive", "neutral", "negative" ].map((type)=>/*#__PURE__*/ React.createElement("label", { key: type, className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 236, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "experience", value: type, checked: formData.experience === type, onChange: handleInputChange, className: "ml-2", __source: { fileName: "", lineNumber: 237, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 245, columnNumber: 21 }, __self: this }, type === "positive" && "إيجابية", type === "neutral" && "محايدة", type === "negative" && "سلبية"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 255, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", __source: { fileName: "", lineNumber: 256, columnNumber: 15 }, __self: this }, "الوسوم"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: currentTag, onChange: (e)=>setCurrentTag(e.target.value), className: "flex-1 p-3 border rounded-lg bg-transparent", placeholder: "أضف وسماً", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleAddTag, className: "px-4 py-2 bg-[#3498DB] text-white rounded-lg", __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }, "إضافة")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mt-2", __source: { fileName: "", lineNumber: 273, columnNumber: 15 }, __self: this }, formData.tags.map((tag)=>/*#__PURE__*/ React.createElement("span", { key: tag, className: "px-3 py-1 bg-[#3498DB] text-white rounded-full flex items-center", __source: { fileName: "", lineNumber: 275, columnNumber: 19 }, __self: this }, tag, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>handleRemoveTag(tag), className: "mr-2", __source: { fileName: "", lineNumber: 280, columnNumber: 21 }, __self: this }, "×"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 292, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-semibold", __source: { fileName: "", lineNumber: 293, columnNumber: 15 }, __self: this }, "الوسائط"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*,video/*", onChange: handleMediaUpload, className: "w-full p-3 border rounded-lg", __source: { fileName: "", lineNumber: 294, columnNumber: 15 }, __self: this }), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 mt-2", __source: { fileName: "", lineNumber: 300, columnNumber: 25 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 mt-4", __source: { fileName: "", lineNumber: 301, columnNumber: 15 }, __self: this }, media.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "relative", __source: { fileName: "", lineNumber: 303, columnNumber: 19 }, __self: this }, item.type.startsWith("image/") ? /*#__PURE__*/ React.createElement("img", { src: item.url, alt: "تم الرفع", className: "w-full h-32 object-cover rounded", __source: { fileName: "", lineNumber: 305, columnNumber: 23 }, __self: this }) : /*#__PURE__*/ React.createElement("video", { src: item.url, className: "w-full h-32 object-cover rounded", controls: true, __source: { fileName: "", lineNumber: 311, columnNumber: 23 }, __self: this }))))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: `w-full ${isSubmitting ? "bg-gray-400 cursor-not-allowed" : "bg-[#3498DB] hover:bg-[#2980B9]"} text-white py-3 rounded-lg transition duration-300 flex items-center justify-center`, __source: { fileName: "", lineNumber: 321, columnNumber: 13 }, __self: this }, isSubmitting ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin ml-2", __source: { fileName: "", lineNumber: 332, columnNumber: 19 }, __self: this }), "جاري النشر...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane ml-2", __source: { fileName: "", lineNumber: 337, columnNumber: 19 }, __self: this }), "نشر التجربة")))))); }