function MainComponent() { const [testimonials, setTestimonials] = React.useState([]); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [formData, setFormData] = React.useState({ name: '', role: '', text: '' }); const [submitStatus, setSubmitStatus] = React.useState({ success: false, message: '' }); const fetchTestimonials = React.useCallback(async ()=>{ setLoading(true); try { const response = await fetch('/api/testimonials/list', { method: 'POST' }); if (!response.ok) { throw new Error(`خطأ في جلب التقييمات: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setTestimonials(data.testimonials || []); } catch (err) { console.error('خطأ في تحميل التقييمات:', err); setError('حدث خطأ في تحميل التقييمات'); } finally{ setLoading(false); } }, []); React.useEffect(()=>{ fetchTestimonials(); }, [ fetchTestimonials ]); const handleSubmit = async (e)=>{ e.preventDefault(); setSubmitStatus({ success: false, message: '' }); try { const response = await fetch('/api/testimonials/create', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error(`خطأ في إضافة التقييم: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setSubmitStatus({ success: true, message: 'تم إضافة التقييم بنجاح' }); setFormData({ name: '', role: '', text: '' }); fetchTestimonials(); } catch (err) { console.error('خطأ في إضافة التقييم:', err); setSubmitStatus({ success: false, message: err.message }); } }; const handleDelete = async (id)=>{ if (!window.confirm('هل أنت متأكد من حذف هذا التقييم؟')) { return; } try { const response = await fetch('/api/testimonials/delete', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id }) }); if (!response.ok) { throw new Error(`خطأ في حذف التقييم: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } fetchTestimonials(); } catch (err) { console.error('خطأ في حذف التقييم:', err); setError('حدث خطأ في حذف التقييم'); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-900 via-purple-900 to-indigo-900 font-cairo", dir: "rtl", __source: { fileName: "", lineNumber: 94, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "إدارة التقييمات"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "إضافة وإدارة تقييمات العملاء")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6 mb-8", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "إضافة تقييم جديد"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, "الاسم"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: (e)=>setFormData({ ...formData, name: e.target.value }), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this }, "المنصب"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "role", value: formData.role, onChange: (e)=>setFormData({ ...formData, role: e.target.value }), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, "نص التقييم"), /*#__PURE__*/ React.createElement("textarea", { name: "text", value: formData.text, onChange: (e)=>setFormData({ ...formData, text: e.target.value }), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent h-32", required: true, __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, "إضافة التقييم"), submitStatus.message && /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded-lg ${submitStatus.success ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'}`, __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, submitStatus.message))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, "التقييمات الحالية"), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 text-red-700 p-4 rounded-lg mb-4", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, error), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-600 py-8", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, "جاري تحميل التقييمات...") : testimonials.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-600 py-8", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, "لا توجد تقييمات حالياً") : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, testimonials.map((testimonial)=>/*#__PURE__*/ React.createElement("div", { key: testimonial.id, className: "border border-gray-200 rounded-lg p-4", __source: { fileName: "", lineNumber: 169, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 170, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 171, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-gray-800", __source: { fileName: "", lineNumber: 172, columnNumber: 25 }, __self: this }, testimonial.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 173, columnNumber: 25 }, __self: this }, testimonial.role)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDelete(testimonial.id), className: "text-red-600 hover:text-red-800 transition-colors", __source: { fileName: "", lineNumber: 175, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 179, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 182, columnNumber: 21 }, __self: this }, testimonial.text), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 text-sm mt-2", __source: { fileName: "", lineNumber: 183, columnNumber: 21 }, __self: this }, new Date(testimonial.created_at).toLocaleDateString('ar-SA'))))))))); }