(() => {
const { PageHeader, SummaryStrip, DataTable, Money, StatusBadge, Button, SearchField, Select, Tabs, Alert, StateView } = window.AmlakPlusDesignSystem_b3aa85;
// Shared list helpers for all secondary screens.
const Acts = ({ children }) => e.stopPropagation()}>{children}
;
const match = (q, ...xs) => !q || xs.join(' ').includes(q);
function Toolbar({ q, setQ, ph, children }) { return {children}
; }
const Empty = ({ onClear }) => مسح البحث} />;
const cellTwo = (a, b) => <>{a}{b && {b}};
const num = (n) => {n};
const upd = (setRows, id, patch) => setRows((rs) => rs.map((r) => (r.id === id ? { ...r, ...patch } : r)));
function CollectionScreen({ openPayment, openReceipt }) {
const D = window.AP_DATA;
const [rows, setRows] = React.useState(D.payments);
const [tab, setTab] = React.useState('all');
const [q, setQ] = React.useState('');
const [method, setMethod] = React.useState('');
const list = rows.filter((r) => (tab === 'all' || r.status === tab) && (!method || r.method === method) && match(q, r.tenant, r.where, r.receipt, r.ref));
const sum = (st) => rows.filter((r) => r.status === st).reduce((s, r) => s + r.amount, 0);
const cnt = (st) => rows.filter((r) => r.status === st).length;
const receiptOf = (r) => ({ ...r, recipientLabel: r.to, preview: { rows: [{ period: 'سبتمبر 2026', take: r.amount, after: 0 }] } });
return (
<>
} />
setTab(tab === 'confirmed' ? 'all' : 'confirmed'), selected: tab === 'confirmed' },
{ key: 'pending', label: 'بانتظار التحقق', amount: sum('pending'), tone: 'warning', note: cnt('pending') + ' دفعات · لا تُخصم بعد', onClick: () => setTab(tab === 'pending' ? 'all' : 'pending'), selected: tab === 'pending' },
{ key: 'reversed', label: 'معكوس', amount: sum('reversed'), tone: 'neutral', note: 'محفوظ للأثر', onClick: () => setTab(tab === 'reversed' ? 'all' : 'reversed'), selected: tab === 'reversed' }
]} />
{!list.length ?
{ setQ(''); setMethod(''); setTab('all'); }} /> : num(r.date) },
{ key: 'tenant', header: 'المستأجر', render: (r) => cellTwo(r.tenant, r.where) },
{ key: 'amount', header: 'المبلغ', numeric: true, render: (r) => },
{ key: 'method', header: 'الطريقة وجهة الاستلام', render: (r) => <>{r.method}{r.to} },
{ key: 'status', header: 'الحالة', render: (r) => <>{r.note && {r.note}} },
{ key: 'rc', header: 'السند', render: (r) => r.receipt ? num(r.receipt) : '—' },
{ key: 'a', header: إجراءات, render: (r) =>
{r.status === 'pending' && }
{r.status === 'confirmed' && <> }
]} />}
«مؤكد» يشمل التحويل المباشر لحساب المالك (يظهر في عمود جهة الاستلام) لكنه لا يدخل صندوق المكتب.
);
}
const MSTATUS = { draft: ['draft', 'جديد'], awaitingApproval: ['awaitingApproval', 'بانتظار موافقة المالك'], approved: ['approved', 'قيد التنفيذ'], paid: ['paid', 'مكتمل'], rejected: ['rejected', 'مرفوض / مؤجل'] };
const MFROM = { 'بانتظار موافقة المالك': 'awaitingApproval', 'معتمد — قيد التنفيذ': 'approved', 'مكتمل': 'paid', 'مرفوض / مؤجل': 'rejected' };
function MaintenanceScreen() {
const D = window.AP_DATA;
const [rows, setRows] = React.useState(D.maintenance);
const [st, setSt] = React.useState('open');
const [q, setQ] = React.useState('');
const open = (r) => !['paid', 'rejected'].includes(r.status);
const list = rows.filter((r) => (st === 'all' || (st === 'open' ? open(r) : !open(r))) && match(q, r.id, r.title, r.property, r.unit));
return (
<>
window.apOpen('maintenance', { onSaved: (v) => setRows((rs) => [{ id: 'MR-0413', date: '23/09/2026', property: (D.properties.find((p) => p.id === v.property) || {}).name, unit: v.unit, title: v.title, cat: v.cat, priority: v.priority, status: 'draft', assignee: v.assignee, estimate: Number(v.estimate) || 0, by: v.source }, ...rs]) })}>طلب صيانة} />
r.priority === 'عاجل' && open(r)).length + ' عاجل' },
{ label: 'بانتظار موافقة المالك', value: rows.filter((r) => r.status === 'awaitingApproval').length, tone: 'info', note: 'فوق حد الاتفاق' },
{ label: 'تكلفة تقديرية مفتوحة', amount: rows.filter(open).reduce((s, r) => s + r.estimate, 0), tone: 'neutral', note: 'ليست مصروفًا بعد' }
]} />
{!list.length ?
setQ('')} /> : cellTwo({r.id}, r.date) },
{ key: 'where', header: 'العقار / الموقع', render: (r) => cellTwo(r.property, r.unit) },
{ key: 'title', header: 'المشكلة', wrap: true, render: (r) => <>{r.title}{r.cat} · {r.by} },
{ key: 'p', header: 'الأولوية', render: (r) => r.priority === 'عاجل' ? : عادي },
{ key: 'as', header: 'المنفذ', render: (r) => r.assignee },
{ key: 'est', header: 'التكلفة', numeric: true, render: (r) => r.cost ? <>فعلية : <>تقديرية },
{ key: 'st', header: 'الحالة', render: (r) => <>{r.note && {r.note}} },
{ key: 'a', header: إجراءات, render: (r) => {open(r) && }
{r.status === 'paid' && } }
]} />}
);
}
function EjarScreen() {
const D = window.AP_DATA;
const [rows, setRows] = React.useState(D.ejar);
const [done, setDone] = React.useState([]);
const unlinked = D.leases.filter((l) => l.status !== 'ended' && l.ejar !== 'مسجل');
const CONF = { high: ['success', 'تطابق قوي'], medium: ['warning', 'تطابق محتمل'], none: ['danger', 'بدون تطابق'] };
return (
<>
window.apOpen('ejarImport')}>استيراد من إيجار} />
s + r.amount, 0), tone: 'warning', note: rows.length + ' عمليات' },
{ label: 'طوبقت اليوم', amount: done.reduce((s, r) => s + r.amount, 0), tone: 'success', note: done.length + ' عمليات' },
{ label: 'عقود غير موثقة', value: unlinked.length, tone: 'info', note: 'بلا رقم عقد إيجار' }
]} />
{window.EjarDueLeases && }
{!rows.length ? : num(r.date) },
{ key: 'ref', header: 'مرجع إيجار', render: (r) => cellTwo({r.ejarRef}, 'عقد ' + r.contract) },
{ key: 'payer', header: 'الدافع', render: (r) => r.payer },
{ key: 'amount', header: 'المبلغ', numeric: true, render: (r) => },
{ key: 'm', header: 'المقترح', render: (r) => { const l = D.leases.find((x) => x.id === r.match); return <>{l ? l.tenant + ' — ' + l.unit : '—'}; } },
{ key: 'a', header: '', render: (r) => }
]} />}
cellTwo(l.tenant, l.property + ' / ' + l.unit) },
{ key: 'e', header: 'الحالة في إيجار', render: (l) => l.ejar },
{ key: 's', header: 'بداية العقد', render: (l) => num(l.start) },
{ key: 'a', header: '', render: (l) => }
]} />
);
}
window.AP_FORMS.ejarLink = { title: 'ربط العقد برقم إيجار', sub: (c) => c && (c.tenant + ' · ' + c.property + ' / ' + c.unit), width: 520, fields: [
{ k: 'no', l: 'رقم عقد إيجار', t: 'ltr', req: true, ph: '201XXXXXXXX' },
{ k: 'date', l: 'تاريخ التوثيق', t: 'date', def: '2026-09-23' },
{ k: 'file', l: 'نسخة العقد الموثق', t: 'file', opt: true }
], submit: 'حفظ الرقم', done: { title: 'رُبط العقد', text: 'ستُقترح مدفوعات إيجار لهذا العقد تلقائيًا عند الاستيراد.' } };
Object.assign(window, { CollectionScreen, MaintenanceScreen, EjarScreen, APList: { Acts, match, Toolbar, Empty, cellTwo, num, upd } });
})();