function MainComponent() { const [activePhase, setActivePhase] = useState(0); const [activeTemplate, setActiveTemplate] = useState(null); const [templateData, setTemplateData] = useState({}); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [projectId, setProjectId] = useState(null); const phases = [ { name: "التطوير", templates: [ { id: "project_idea", name: "فكرة المشروع" }, { id: "summary", name: "كتابة الملخص" }, { id: "screenplay", name: "تطوير السيناريو" }, { id: "initial_budget", name: "الميزانية المبدئية" } ] }, { name: "ما قبل الإنتاج", templates: [ { id: "crew_selection", name: "اختيار طاقم العمل" }, { id: "location_scouting", name: "اختيار المواقع" }, { id: "detailed_budget", name: "الميزانية التفصيلية" }, { id: "shooting_schedule", name: "جدول التصوير" } ] }, { name: "الإنتاج", templates: [ { id: "daily_reports", name: "تقارير التصوير اليومية" }, { id: "budget_tracking", name: "متابعة الميزانية" }, { id: "equipment_reports", name: "تقارير المعدات" }, { id: "issues_log", name: "سجل المشاكل والحلول" } ] }, { name: "ما بعد الإنتاج", templates: [ { id: "editing_schedule", name: "جدول المونتاج" }, { id: "vfx_reports", name: "تقارير المؤثرات البصرية" }, { id: "sound_reports", name: "تقارير الصوت" }, { id: "final_review", name: "المراجعة النهائية" } ] }, { name: "التوزيع", templates: [ { id: "marketing_plan", name: "خطة التسويق" }, { id: "festivals", name: "المهرجانات السينمائية" }, { id: "distribution_channels", name: "قنوات التوزيع" }, { id: "marketing_budget", name: "الميزانية التسويقية" } ] } ]; useEffect(()=>{ const loadProjectData = async ()=>{ try { // Create a new project if none exists const response = await fetch("/api/projects", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "create", title: "مشروع فيلم جديد", type: "cinema" }) }); if (!response.ok) { throw new Error("فشل إنشاء المشروع"); } const { project } = await response.json(); setProjectId(project.id); // Load existing plan data const plansResponse = await fetch("/api/film-plan", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "get", projectId: project.id }) }); if (!plansResponse.ok) { throw new Error("فشل تحميل بيانات الخطة"); } const { plans } = await plansResponse.json(); const planData = {}; plans.forEach((plan)=>{ planData[plan.template_id] = { content: plan.content, completed: plan.completed }; }); setTemplateData(planData); } catch (err) { setError("حدث خطأ في تحميل البيانات"); console.error(err); } }; loadProjectData(); }, []); const calculateProgress = ()=>{ let totalTemplates = 0; let completedTemplates = 0; phases.forEach((phase)=>{ phase.templates.forEach((template)=>{ totalTemplates++; if (templateData[template.id]?.completed) { completedTemplates++; } }); }); return Math.round(completedTemplates / totalTemplates * 100); }; const handleTemplateChange = async (templateId, value)=>{ try { const response = await fetch("/api/film-plan", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "save", projectId, phaseName: phases[activePhase].name, templateId, content: value }) }); if (!response.ok) { throw new Error("فشل حفظ النموذج"); } const statusResponse = await fetch("/api/film-plan", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "update_status", projectId, templateId, completed: true }) }); if (!statusResponse.ok) { throw new Error("فشل تحديث حالة النموذج"); } setTemplateData((prev)=>({ ...prev, [templateId]: { content: value, completed: true } })); } catch (err) { setError("حدث خطأ في حفظ النموذج"); console.error(err); } }; const exportToPDF = async ()=>{ setLoading(true); try { const response = await fetch("/api/film-plan", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "export", projectId }) }); if (!response.ok) { throw new Error("فشل تصدير الخطة"); } const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = "film-production-plan.pdf"; a.click(); } catch (err) { setError("حدث خطأ في تصدير الخطة"); console.error(err); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-6", dir: "rtl", __source: { fileName: "", lineNumber: 203, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl", __source: { fileName: "", lineNumber: 204, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 flex items-center justify-between", __source: { fileName: "", lineNumber: 205, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 206, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 207, columnNumber: 13 }, __self: this }, "خطة إنتاج فيلم سينمائي"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-600", __source: { fileName: "", lineNumber: 210, columnNumber: 13 }, __self: this }, "نسبة الإنجاز الكلية: ", calculateProgress(), "%")), /*#__PURE__*/ React.createElement("button", { onClick: exportToPDF, disabled: loading, className: "rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 214, columnNumber: 11 }, __self: this }, loading ? "جاري التصدير..." : "تصدير PDF")), /*#__PURE__*/ React.createElement("div", { className: "mb-8 flex space-x-4 space-x-reverse overflow-x-auto", __source: { fileName: "", lineNumber: 223, columnNumber: 9 }, __self: this }, phases.map((phase, index)=>/*#__PURE__*/ React.createElement("button", { key: phase.name, onClick: ()=>setActivePhase(index), className: `shrink-0 rounded-full px-6 py-2 text-sm font-medium ${activePhase === index ? "bg-blue-600 text-white" : "bg-white text-gray-600 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 225, columnNumber: 13 }, __self: this }, phase.name))), /*#__PURE__*/ React.createElement("div", { className: "grid gap-6 md:grid-cols-2", __source: { fileName: "", lineNumber: 239, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-white p-6 shadow", __source: { fileName: "", lineNumber: 240, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-xl font-semibold text-gray-900", __source: { fileName: "", lineNumber: 241, columnNumber: 13 }, __self: this }, "النماذج المتاحة"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 244, columnNumber: 13 }, __self: this }, phases[activePhase].templates.map((template)=>/*#__PURE__*/ React.createElement("button", { key: template.id, onClick: ()=>setActiveTemplate(template), className: `w-full rounded-lg border p-4 text-right transition-colors ${templateData[template.id]?.completed ? "border-green-200 bg-green-50" : "border-gray-200 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 255, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 256, columnNumber: 21 }, __self: this }, template.name), templateData[template.id]?.completed && /*#__PURE__*/ React.createElement("svg", { className: "h-5 w-5 text-green-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 260, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7", __source: { fileName: "", lineNumber: 266, columnNumber: 25 }, __self: this }))))))), /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-white p-6 shadow", __source: { fileName: "", lineNumber: 280, columnNumber: 11 }, __self: this }, activeTemplate ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 282, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-xl font-semibold text-gray-900", __source: { fileName: "", lineNumber: 283, columnNumber: 17 }, __self: this }, activeTemplate.name), /*#__PURE__*/ React.createElement("textarea", { value: templateData[activeTemplate.id]?.content || "", onChange: (e)=>handleTemplateChange(activeTemplate.id, e.target.value), className: "min-h-[400px] w-full rounded-lg border border-gray-300 p-4", placeholder: "اكتب محتوى النموذج هنا...", __source: { fileName: "", lineNumber: 286, columnNumber: 17 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "flex h-full items-center justify-center text-gray-500", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }, "اختر نموذجاً للبدء"))), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 rounded-md bg-red-50 p-4 text-red-600", __source: { fileName: "", lineNumber: 304, columnNumber: 11 }, __self: this }, error))); }