'use client'; import { useState, useTransition, useMemo, useEffect, Fragment } from 'react'; import { useRouter, useSearchParams } from 'next/navigation'; import { useForm, useWatch } from 'react-hook-form'; import { zodResolver } from '@hookform/resolvers/zod'; import * as z from 'zod'; import { format } from 'date-fns'; import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; import { Textarea } from '@/components/ui/textarea'; import { Separator } from '@/components/ui/separator'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; import { Loader2, X, Check, ChevronsUpDown, Pencil, Eye, ListTree, ChevronDown, RefreshCw } from 'lucide-react'; import { Plus } from 'lucide-react'; import { type Supplier, type Customer, type Bank, type Currency, type PurchaseOrder, type SupplierPayment, type IncomingCheck } from '@/lib/types'; import { useToast } from '@/hooks/use-toast'; import { handleSupplierPayment, handleUpdateSupplierPaymentFull, handleCancelSupplierPayment, handleAcquireSupplierPaymentLock, handleReleaseSupplierPaymentLock, handleGetSupplierPaymentLocksStatus } from '@/lib/actions'; import { cn } from '@/lib/utils'; import { AddBankDialog } from './add-bank-dialog'; import { AddCurrencyDialog } from './add-currency-dialog'; import { formatCurrency } from '@/lib/currency-formatter'; import { Switch } from '@/components/ui/switch'; import { useDocumentLock } from '@/hooks/use-document-lock'; import { DocumentLockBanner } from '@/components/admin/document-lock-banner'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@/components/ui/dialog'; import { Checkbox } from '@/components/ui/checkbox'; type CheckItem = { id: string; checkNumber: string; bankId: string; bankName: string; checkDate: string; currency: string; amount: number; }; type AllocationItem = { purchaseOrderId: string; amount: number; }; const checkFormSchema = z.object({ checkNumber: z.string().min(1, 'Check number is required'), bankId: z.string().min(1, 'Bank is required'), checkDate: z.string().min(1, 'Check date is required'), currency: z.string().min(1, 'Currency is required'), amount: z.coerce.number().min(0.01, 'Amount must be greater than 0'), }); type Party = { id: string; name: string; type: 'customer' | 'supplier'; originalId: string; balance: number; }; const allocationSchema = z.object({ purchaseOrderId: z.string().min(1, 'Invoice is required'), amount: z.coerce.number().min(0.01, 'Amount must be greater than 0'), }); const paymentVoucherSchema = z.object({ supplierId: z.string().min(1, 'Please select a supplier.'), amount: z.coerce.number().min(0.01, 'Amount must be greater than 0.'), paymentMethod: z.string().min(1, 'Please select a payment method.'), reference: z.string().optional(), notes: z.string().optional(), currencyCode: z.string().min(1, 'Currency is required'), exchangeRate: z.coerce.number().positive().optional(), rateDate: z.string().optional(), isAdvance: z.boolean().optional(), checkSource: z.enum(['issued', 'incoming']).optional().default('issued'), incomingCheckIds: z.array(z.string()).optional().default([]), postingStatus: z.enum(['draft', 'saved', 'posted']).optional().default('posted'), allocationMode: z.enum(['manual', 'oldest_first', 'newest_first', 'currency_oldest_first', 'currency_newest_first']).optional().default('manual'), allocations: z.array(allocationSchema).optional().default([]), checks: z.array(z.object({ id: z.string(), checkNumber: z.string(), bankId: z.string(), bankName: z.string(), checkDate: z.string(), currency: z.string(), amount: z.coerce.number().min(0.01).optional(), })).optional().default([]), }); const paymentFullEditSchema = z.object({ amount: z.coerce.number().positive(), currencyCode: z.string().min(1), exchangeRate: z.coerce.number().positive(), isAdvance: z.boolean().optional(), postingStatus: z.enum(['draft', 'saved', 'posted']).optional().default('posted'), reference: z.string().optional(), notes: z.string().optional(), rateDate: z.string().optional(), }); type SupplierPaymentVoucherFormProps = { suppliers: Supplier[]; customers: Customer[]; purchaseOrders: PurchaseOrder[]; supplierPayments: SupplierPayment[]; incomingChecks: IncomingCheck[]; banks: Bank[]; currencies: Currency[]; defaultCurrency: Currency | null; initialEditPaymentId?: string; t: any; tGlobal: any; currencySymbol?: string; }; export function SupplierPaymentVoucherForm({ suppliers, customers, purchaseOrders, supplierPayments, incomingChecks, banks, currencies, defaultCurrency, initialEditPaymentId, t, tGlobal, currencySymbol = '$' }: SupplierPaymentVoucherFormProps) { const router = useRouter(); const searchParams = useSearchParams(); const [isPending, startTransition] = useTransition(); const [isRefreshingParties, startRefreshParties] = useTransition(); const { toast } = useToast(); const [selectedPartyId, setSelectedPartyId] = useState(''); const [popoverOpen, setPopoverOpen] = useState(false); const [searchTerm, setSearchTerm] = useState(""); const [bankOptions, setBankOptions] = useState(banks); const [currencyOptions, setCurrencyOptions] = useState(currencies); const [checks, setChecks] = useState([]); const [selectedIncomingCheckIds, setSelectedIncomingCheckIds] = useState([]); const [showCheckForm, setShowCheckForm] = useState(false); const [isAddBankDialogOpen, setIsAddBankDialogOpen] = useState(false); const [allocations, setAllocations] = useState([]); const [selectedInvoiceIds, setSelectedInvoiceIds] = useState([]); const [lockedSupplierId, setLockedSupplierId] = useState(''); const [supplierLockById, setSupplierLockById] = useState>({}); const [activeTab, setActiveTab] = useState<'create' | 'list'>('create'); const [expandedPaymentId, setExpandedPaymentId] = useState(null); const [previewPayment, setPreviewPayment] = useState(null); const [editingPayment, setEditingPayment] = useState(null); const [editAllocations, setEditAllocations] = useState([]); const [editingInCreatePaymentId, setEditingInCreatePaymentId] = useState(initialEditPaymentId || null); const [paymentRows, setPaymentRows] = useState(() => [...supplierPayments].sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()) ); const baseCurrencyCode = defaultCurrency?.code || 'JOD'; const exchangeRateLabel = `${t?.exchangeRateShort ?? 'سعر الصرف'} (${t?.against ?? 'مقابل'} ${baseCurrencyCode})`; const form = useForm>({ resolver: zodResolver(paymentVoucherSchema), defaultValues: { supplierId: '', amount: 0, paymentMethod: 'cash', reference: '', notes: '', currencyCode: baseCurrencyCode, exchangeRate: 1, rateDate: format(new Date(), 'yyyy-MM-dd'), isAdvance: false, checkSource: 'issued', incomingCheckIds: [], postingStatus: 'posted', allocationMode: 'manual', checks: [], }, }); const checkForm = useForm>({ resolver: zodResolver(checkFormSchema), defaultValues: { checkNumber: '', bankId: '', checkDate: format(new Date(), 'yyyy-MM-dd'), currency: defaultCurrency?.code || 'JOD', amount: 0, }, }); const paymentEditForm = useForm>({ resolver: zodResolver(paymentFullEditSchema), defaultValues: { amount: 0, currencyCode: baseCurrencyCode, exchangeRate: 1, isAdvance: false, postingStatus: 'posted', reference: '', notes: '', rateDate: format(new Date(), 'yyyy-MM-dd'), }, }); const parties = useMemo(() => { const supplierParties: Party[] = suppliers.map(s => ({ id: `supplier:${s.id}`, name: s.name, type: 'supplier' as const, originalId: s.id, balance: s.balance })); const customerParties: Party[] = customers.map(c => ({ id: `customer:${c.id}`, name: c.name, type: 'customer' as const, originalId: c.id, balance: c.balance })); return [...supplierParties, ...customerParties]; }, [suppliers, customers]); const filteredParties = useMemo(() => { if (!searchTerm) return parties; return parties.filter(p => p.name.toLowerCase().includes(searchTerm.toLowerCase())); }, [parties, searchTerm]); const selectedParty = useMemo(() => { return parties.find(p => p.id === selectedPartyId); }, [selectedPartyId, parties]); const editingInCreatePayment = useMemo(() => { if (!editingInCreatePaymentId) return null; return paymentRows.find((entry) => entry.id === editingInCreatePaymentId) || null; }, [editingInCreatePaymentId, paymentRows]); const { lockStatus: createEditLockStatus } = useDocumentLock('supplier-payment', editingInCreatePaymentId || '', { enabled: !!editingInCreatePaymentId }); const isCreateEditLocked = !!editingInCreatePaymentId && createEditLockStatus.isLocked; const { lockStatus: modalEditLockStatus } = useDocumentLock('supplier-payment', editingPayment?.id || '', { enabled: !!editingPayment?.id }); const isModalEditLocked = !!editingPayment && modalEditLockStatus.isLocked; const watchedSupplierId = useWatch({ control: form.control, name: 'supplierId' }); const selectedSupplierOrders = useMemo(() => { if (!watchedSupplierId) return [] as PurchaseOrder[]; return purchaseOrders.filter((po) => po.supplierId === watchedSupplierId && po.status !== 'cancelled' && (po.postingStatus || 'posted') === 'posted' && (po.amountDue || 0) > 0 ); }, [purchaseOrders, watchedSupplierId]); useEffect(() => { setAllocations([]); setSelectedInvoiceIds([]); }, [watchedSupplierId]); useEffect(() => { const validOrderIds = new Set(selectedSupplierOrders.map((order) => order.id)); setAllocations((prev) => prev.filter((entry) => validOrderIds.has(entry.purchaseOrderId))); setSelectedInvoiceIds((prev) => prev.filter((id) => validOrderIds.has(id))); }, [selectedSupplierOrders]); useEffect(() => { const nextSelected = allocations .filter((entry) => Number(entry.amount || 0) > 0) .map((entry) => entry.purchaseOrderId); setSelectedInvoiceIds(nextSelected); }, [allocations]); useEffect(() => { return () => { if (lockedSupplierId) { void handleReleaseSupplierPaymentLock(lockedSupplierId); } }; }, [lockedSupplierId]); useEffect(() => { const queryEditId = searchParams.get('editId') || initialEditPaymentId || ''; if (!queryEditId) return; if (editingInCreatePaymentId === queryEditId) return; const paymentToEdit = paymentRows.find((entry) => entry.id === queryEditId); if (!paymentToEdit) return; setEditingInCreatePaymentId(paymentToEdit.id); setActiveTab('create'); setSelectedPartyId(`supplier:${paymentToEdit.supplierId}`); form.reset({ supplierId: paymentToEdit.supplierId, amount: Number(paymentToEdit.amount || 0), paymentMethod: (paymentToEdit.paymentMethod as any) || 'cash', reference: paymentToEdit.reference || '', notes: paymentToEdit.notes || '', currencyCode: paymentToEdit.currencyCode || baseCurrencyCode, exchangeRate: Number(paymentToEdit.exchangeRate || 1), rateDate: paymentToEdit.rateDate ? format(new Date(paymentToEdit.rateDate), 'yyyy-MM-dd') : format(new Date(), 'yyyy-MM-dd'), isAdvance: paymentToEdit.isAdvance === true, checkSource: (paymentToEdit.paymentMethod === 'check' ? (paymentToEdit.checkSource || 'issued') : 'issued') as any, incomingCheckIds: Array.isArray(paymentToEdit.incomingCheckIds) ? paymentToEdit.incomingCheckIds : [], postingStatus: (paymentToEdit.postingStatus || 'posted') as any, allocationMode: 'manual', checks: [], }); const nextAllocations = (Array.isArray(paymentToEdit.allocations) ? paymentToEdit.allocations : []).map((entry) => ({ purchaseOrderId: entry.purchaseOrderId, amount: Number(entry.amount || 0), })); setAllocations(nextAllocations); setSelectedIncomingCheckIds(Array.isArray(paymentToEdit.incomingCheckIds) ? paymentToEdit.incomingCheckIds : []); setSelectedInvoiceIds(nextAllocations.filter((entry) => Number(entry.amount || 0) > 0).map((entry) => entry.purchaseOrderId)); }, [searchParams, initialEditPaymentId, paymentRows, form, baseCurrencyCode, editingInCreatePaymentId]); const handleStartEditInCreate = (payment: SupplierPayment) => { setEditingInCreatePaymentId(payment.id); setActiveTab('create'); setSelectedPartyId(`supplier:${payment.supplierId}`); form.reset({ supplierId: payment.supplierId, amount: Number(payment.amount || 0), paymentMethod: (payment.paymentMethod as any) || 'cash', reference: payment.reference || '', notes: payment.notes || '', currencyCode: payment.currencyCode || baseCurrencyCode, exchangeRate: Number(payment.exchangeRate || 1), rateDate: payment.rateDate ? format(new Date(payment.rateDate), 'yyyy-MM-dd') : format(new Date(), 'yyyy-MM-dd'), isAdvance: payment.isAdvance === true, checkSource: (payment.paymentMethod === 'check' ? (payment.checkSource || 'issued') : 'issued') as any, incomingCheckIds: Array.isArray(payment.incomingCheckIds) ? payment.incomingCheckIds : [], postingStatus: (payment.postingStatus || 'posted') as any, allocationMode: 'manual', checks: [], }); const nextAllocations = (Array.isArray(payment.allocations) ? payment.allocations : []).map((entry) => ({ purchaseOrderId: entry.purchaseOrderId, amount: Number(entry.amount || 0), })); setAllocations(nextAllocations); setSelectedIncomingCheckIds(Array.isArray(payment.incomingCheckIds) ? payment.incomingCheckIds : []); setSelectedInvoiceIds(nextAllocations.filter((entry) => Number(entry.amount || 0) > 0).map((entry) => entry.purchaseOrderId)); router.replace(`/admin/purchases/payment?editId=${payment.id}`); }; useEffect(() => { if (!popoverOpen) return; const supplierIds = filteredParties .filter((party) => party.type === 'supplier') .map((party) => party.originalId); if (supplierIds.length === 0) { setSupplierLockById({}); return; } let active = true; (async () => { const result = await handleGetSupplierPaymentLocksStatus(supplierIds); if (!active || !result?.success || !result.statuses) return; const next: Record = {}; supplierIds.forEach((id) => { const status = result.statuses[id]; next[id] = status?.locked ? (status.lockedBy || 'مستخدم آخر') : null; }); setSupplierLockById(next); })(); return () => { active = false; }; }, [popoverOpen, filteredParties]); const watchedAmount = useWatch({ control: form.control, name: 'amount' }); const watchedCurrency = useWatch({ control: form.control, name: 'currencyCode' }); const watchedExchangeRate = useWatch({ control: form.control, name: 'exchangeRate' }); const watchedIsAdvance = useWatch({ control: form.control, name: 'isAdvance' }); const watchedAllocationMode = useWatch({ control: form.control, name: 'allocationMode' }); const watchedCheckSource = useWatch({ control: form.control, name: 'checkSource' }); const availableIncomingChecks = useMemo(() => { return incomingChecks.filter((entry) => entry.status === 'pending' && (!entry.endorsementStatus || entry.endorsementStatus === 'none')); }, [incomingChecks]); const selectedIncomingChecksTotalInPaymentCurrency = useMemo(() => { const paymentCurrency = watchedCurrency || baseCurrencyCode; return availableIncomingChecks .filter((entry) => selectedIncomingCheckIds.includes(entry.id)) .reduce((sum, entry) => { const checkCurrency = entry.currency || baseCurrencyCode; return sum + convertAmountBetweenCurrencies(Number(entry.amount || 0), checkCurrency, paymentCurrency); }, 0); }, [availableIncomingChecks, selectedIncomingCheckIds, watchedCurrency, baseCurrencyCode]); const incomingChecksSelectionDelta = Number((Number(watchedAmount || 0) - selectedIncomingChecksTotalInPaymentCurrency).toFixed(2)); // F2 keyboard shortcut handler useEffect(() => { const handleKeyDown = (e: KeyboardEvent) => { if (e.key === 'F2' && activeTab === 'create') { e.preventDefault(); handleCreateSubmitWithStatus('saved'); } }; window.addEventListener('keydown', handleKeyDown); return () => window.removeEventListener('keydown', handleKeyDown); }, [activeTab]); const getRateToBase = (code?: string) => { const normalized = (code || baseCurrencyCode).trim() || baseCurrencyCode; if (normalized === baseCurrencyCode) return 1; const found = currencyOptions.find((entry) => entry.code === normalized); const rate = Number(found?.exchangeRate || 0); return Number.isFinite(rate) && rate > 0 ? rate : 1; }; const convertAmountBetweenCurrencies = (amount: number, fromCode?: string, toCode?: string) => { const numeric = Number(amount || 0); if (!Number.isFinite(numeric) || numeric <= 0) return 0; const from = (fromCode || baseCurrencyCode).trim() || baseCurrencyCode; const to = (toCode || baseCurrencyCode).trim() || baseCurrencyCode; if (from === to) return numeric; const fromRate = getRateToBase(from); const toRate = getRateToBase(to); // Convert: amount in fromCurrency -> base currency (divide by fromRate) -> toCurrency (multiply by toRate) return Number(((numeric / fromRate) * toRate).toFixed(4)); }; const getCapturedInvoiceRate = (order: PurchaseOrder) => { const invoiceCurrency = order.currencyCode || baseCurrencyCode; const capturedRate = Number(order.exchangeRate || 0); const dueRate = Number(order.amountDue || 0) > 0 ? Number(order.amountDueBase || 0) / Number(order.amountDue || 1) : 0; const grandRate = Number(order.grandTotal || 0) > 0 ? Number(order.grandTotalBase || 0) / Number(order.grandTotal || 1) : 0; if (Number.isFinite(capturedRate) && capturedRate > 0) return capturedRate; if (Number.isFinite(dueRate) && dueRate > 0) return dueRate; if (Number.isFinite(grandRate) && grandRate > 0) return grandRate; return getRateToBase(invoiceCurrency); }; useEffect(() => { if (!watchedAllocationMode || watchedAllocationMode === 'manual') return; if (watchedIsAdvance) { setAllocations([]); return; } const auto = buildAutoAllocations( selectedSupplierOrders, Number(watchedAmount || 0), watchedAllocationMode as 'oldest_first' | 'newest_first' | 'currency_oldest_first' | 'currency_newest_first', watchedCurrency || baseCurrencyCode, baseCurrencyCode, ); setAllocations(auto.rows); }, [watchedAllocationMode, watchedIsAdvance, watchedAmount, watchedCurrency, selectedSupplierOrders, baseCurrencyCode]); const totalAllocated = useMemo(() => allocations.reduce((sum, a) => sum + (a.amount || 0), 0), [allocations]); const paymentExchangeRateEffective = useMemo(() => { const paymentCurrency = watchedCurrency || baseCurrencyCode; if (paymentCurrency === baseCurrencyCode) return 1; const enteredRate = Number(watchedExchangeRate || 0); if (Number.isFinite(enteredRate) && enteredRate > 0) return enteredRate; return getRateToBase(paymentCurrency); }, [watchedCurrency, watchedExchangeRate, baseCurrencyCode]); const liveTotalFxDifferenceBase = useMemo(() => { return allocations.reduce((sum, entry) => { const order = selectedSupplierOrders.find((row) => row.id === entry.purchaseOrderId); if (!order) return sum; const allocAmount = Number(entry.amount || 0); if (!Number.isFinite(allocAmount) || allocAmount <= 0) return sum; const invoiceCurrency = order.currencyCode || baseCurrencyCode; const invoiceRate = Number(getCapturedInvoiceRate(order)); const allocatedInPaymentCurrency = convertAmountBetweenCurrencies(allocAmount, invoiceCurrency, watchedCurrency || baseCurrencyCode); // baseAtInvoiceRate: convert invoice currency to base (ILS) using captured rate const baseAtInvoiceRate = invoiceCurrency === baseCurrencyCode ? allocAmount : allocAmount / (Number.isFinite(invoiceRate) && invoiceRate > 0 ? invoiceRate : 1); const baseAtPaymentRate = (watchedCurrency || baseCurrencyCode) === baseCurrencyCode ? allocatedInPaymentCurrency : allocatedInPaymentCurrency / (Number.isFinite(paymentExchangeRateEffective) && paymentExchangeRateEffective > 0 ? paymentExchangeRateEffective : 1); return sum + (baseAtPaymentRate - baseAtInvoiceRate); }, 0); }, [allocations, selectedSupplierOrders, watchedCurrency, baseCurrencyCode, paymentExchangeRateEffective]); const totalAllocatedInPaymentCurrency = useMemo(() => { return allocations.reduce((sum, entry) => { const order = selectedSupplierOrders.find((row) => row.id === entry.purchaseOrderId); const invoiceCurrency = order?.currencyCode || baseCurrencyCode; return sum + convertAmountBetweenCurrencies(Number(entry.amount || 0), invoiceCurrency, watchedCurrency || baseCurrencyCode); }, 0); }, [allocations, selectedSupplierOrders, watchedCurrency, baseCurrencyCode]); const allocationDelta = useMemo(() => Number((Number(watchedAmount || 0) - totalAllocatedInPaymentCurrency).toFixed(2)), [watchedAmount, totalAllocatedInPaymentCurrency]); const buildAutoAllocations = ( orders: PurchaseOrder[], amount: number, mode: 'oldest_first' | 'newest_first' | 'currency_oldest_first' | 'currency_newest_first', paymentCurrency: string, baseCode: string, ) => { const withCurrencyFilter = mode === 'currency_oldest_first' || mode === 'currency_newest_first'; const sorted = [...orders] .filter((order) => order.status !== 'cancelled') .filter((order) => Number(order.amountDue || 0) > 0) .filter((order) => !withCurrencyFilter || (order.currencyCode || baseCode) === paymentCurrency) .sort((a, b) => { const aTime = new Date(a.date || 0).getTime(); const bTime = new Date(b.date || 0).getTime(); return (mode === 'oldest_first' || mode === 'currency_oldest_first') ? (aTime - bTime) : (bTime - aTime); }); let remainingPaymentCurrency = Number(amount || 0); const rows: AllocationItem[] = []; sorted.forEach((order) => { if (remainingPaymentCurrency <= 0) return; const invoiceCurrency = order.currencyCode || baseCode; const dueInvoiceCurrency = Number(order.amountDue || 0); if (!Number.isFinite(dueInvoiceCurrency) || dueInvoiceCurrency <= 0) return; const duePaymentCurrency = convertAmountBetweenCurrencies(dueInvoiceCurrency, invoiceCurrency, paymentCurrency); const paidInPaymentCurrency = Math.min(remainingPaymentCurrency, duePaymentCurrency); if (paidInPaymentCurrency > 0) { const paidInInvoiceCurrency = convertAmountBetweenCurrencies(paidInPaymentCurrency, paymentCurrency, invoiceCurrency); rows.push({ purchaseOrderId: order.id, amount: Number(Math.min(dueInvoiceCurrency, paidInInvoiceCurrency).toFixed(2)) }); remainingPaymentCurrency = Number((remainingPaymentCurrency - paidInPaymentCurrency).toFixed(2)); } }); return { rows, remaining: remainingPaymentCurrency }; }; const calculateTotalInPaymentCurrency = (rows: AllocationItem[]) => { return rows.reduce((sum, entry) => { const order = selectedSupplierOrders.find((row) => row.id === entry.purchaseOrderId); const invoiceCurrency = order?.currencyCode || baseCurrencyCode; return sum + convertAmountBetweenCurrencies(Number(entry.amount || 0), invoiceCurrency, watchedCurrency || baseCurrencyCode); }, 0); }; const syncAmountWithAllocations = (rows: AllocationItem[]) => { const total = calculateTotalInPaymentCurrency(rows); form.setValue('amount', Number(total.toFixed(2)), { shouldDirty: true, shouldValidate: true }); }; const buildRowsFromOrders = (orders: PurchaseOrder[]) => { return orders .filter((order) => Number(order.amountDue || 0) > 0) .map((order) => ({ purchaseOrderId: order.id, amount: Number(Number(order.amountDue || 0).toFixed(2)) })); }; const handleSelectAllInvoices = () => { form.setValue('allocationMode', 'manual', { shouldDirty: true, shouldValidate: true }); const rows = buildRowsFromOrders(selectedSupplierOrders); setAllocations(rows); syncAmountWithAllocations(rows); }; const handleSelectCurrencyInvoices = () => { form.setValue('allocationMode', 'manual', { shouldDirty: true, shouldValidate: true }); const currentCurrency = watchedCurrency || baseCurrencyCode; const rows = buildRowsFromOrders(selectedSupplierOrders.filter((order) => (order.currencyCode || baseCurrencyCode) === currentCurrency)); setAllocations(rows); syncAmountWithAllocations(rows); }; const handleClearSelectedInvoices = () => { form.setValue('allocationMode', 'manual', { shouldDirty: true, shouldValidate: true }); setAllocations([]); form.setValue('amount', 0, { shouldDirty: true, shouldValidate: true }); }; const onSubmit = (data: z.infer) => { if (isCreateEditLocked) { return; } // Validate check fields when payment method is check if (data.paymentMethod === 'check') { if (data.checkSource === 'incoming') { if (!selectedIncomingCheckIds || selectedIncomingCheckIds.length === 0) { toast({ title: tGlobal?.error, description: t?.selectIncomingChecks ?? 'الرجاء اختيار شيك وارد واحد على الأقل', variant: 'destructive', }); return; } } else if (!checks || checks.length === 0) { toast({ title: tGlobal?.error, description: t?.addAtLeastOneCheck ?? 'يجب إضافة شيك واحد على الأقل', variant: 'destructive', }); return; } } let allocationPayload = allocations.filter((a) => a.amount > 0.0001); if (allocationPayload.length === 0 && watchedAllocationMode && watchedAllocationMode !== 'manual') { const auto = buildAutoAllocations( selectedSupplierOrders, Number(data.amount || 0), watchedAllocationMode as any, watchedCurrency || baseCurrencyCode, baseCurrencyCode, ); allocationPayload = auto.rows; if (auto.rows.length > 0) setAllocations(auto.rows); } const actualPaymentCurrency = data.currencyCode || baseCurrencyCode; if (actualPaymentCurrency !== baseCurrencyCode && !data.isAdvance) { if (allocationPayload.length === 0) { toast({ title: tGlobal?.error, description: t?.allocationRequired ?? 'يجب ربط الدفعة بفواتير عند الدفع بعملة أجنبية', variant: 'destructive', }); return; } // Allow partial allocations - amount doesn't need to match exactly // Real validation happens at database level } for (const alloc of allocationPayload) { const order = selectedSupplierOrders.find((o) => o.id === alloc.purchaseOrderId); if (order && alloc.amount - (order.amountDue || 0) > 0.01) { toast({ title: tGlobal?.error, description: t?.allocationExceeds ?? 'قيمة التوزيع تتجاوز الرصيد المتبقي للفاتورة', variant: 'destructive', }); return; } } startTransition(async () => { try { if (editingInCreatePaymentId) { const updateResult = await handleUpdateSupplierPaymentFull({ paymentId: editingInCreatePaymentId, amount: Number(data.amount || 0), currencyCode: data.currencyCode || baseCurrencyCode, exchangeRate: Number(data.exchangeRate || 1), isAdvance: data.isAdvance === true, postingStatus: data.postingStatus || 'posted', reference: data.reference, notes: data.notes, rateDate: data.rateDate, allocations: allocationPayload, }); if (updateResult?.success) { if (updateResult.payment) { setPaymentRows((prev) => prev.map((row) => (row.id === editingInCreatePaymentId ? (updateResult.payment as SupplierPayment) : row))); } setEditingInCreatePaymentId(null); setActiveTab('list'); toast({ title: t?.updateSuccessTitle ?? 'تم تحديث السند بنجاح' }); router.replace('/admin/purchases/payment'); } else { toast({ title: tGlobal?.error, description: (updateResult?.error || t?.paymentError || 'تعذر تحديث السند'), variant: 'destructive', }); } return; } const result = await handleSupplierPayment({ ...data, checkSource: data.checkSource || 'issued', incomingCheckIds: data.checkSource === 'incoming' ? selectedIncomingCheckIds : [], postingStatus: data.postingStatus || 'posted', checks, allocations: allocationPayload, }); if (result?.success) { if (lockedSupplierId) { await handleReleaseSupplierPaymentLock(lockedSupplierId); setLockedSupplierId(''); } if (result?.payment) { setPaymentRows((prev) => [result.payment as SupplierPayment, ...prev.filter((row) => row.id !== (result.payment as SupplierPayment).id)]); } setActiveTab('list'); toast({ title: t?.paymentRecorded ?? 'تم تسجيل الدفع', description: `${t?.amount}: ${currencySymbol}${data.amount.toFixed(2)}`, }); form.reset({ supplierId: '', amount: 0, paymentMethod: 'cash', reference: '', notes: '', currencyCode: baseCurrencyCode, exchangeRate: 1, rateDate: format(new Date(), 'yyyy-MM-dd'), isAdvance: false, checkSource: 'issued', incomingCheckIds: [], postingStatus: 'posted', allocationMode: 'manual', checks: [], }); checkForm.reset(); setChecks([]); setSelectedIncomingCheckIds([]); setAllocations([]); setSelectedInvoiceIds([]); } else { const errorText = String(result?.error || ''); if (errorText.startsWith('SUPPLIER_PAYMENT_LOCKED:')) { const lockedBy = errorText.split(':')[1] || (t?.anotherUser ?? 'مستخدم آخر'); toast({ title: tGlobal?.error, description: `${t?.beneficiaryLockedBy ?? 'هذا المستفيد قيد الإدخال حالياً بواسطة'} ${lockedBy}`, variant: 'destructive', }); return; } toast({ title: tGlobal?.error, description: ((result?.error ?? t?.paymentError) || 'حدث خطأ في تسجيل الدفع'), variant: 'destructive', }); } } catch (error) { toast({ title: tGlobal?.error, description: t?.paymentError ?? 'حدث خطأ في تسجيل الدفع', variant: 'destructive', }); } }); }; const handleAddCheck = (formValues: z.infer) => { const bank = bankOptions.find((b) => b.id === formValues.bankId); const newCheck: CheckItem = { id: Math.random().toString(36).substr(2, 9), checkNumber: formValues.checkNumber, bankId: formValues.bankId, bankName: bank?.name || '', checkDate: formValues.checkDate, currency: formValues.currency, amount: Number(formValues.amount || 0), }; setChecks([...checks, newCheck]); checkForm.reset({ checkNumber: '', bankId: '', checkDate: format(new Date(), 'yyyy-MM-dd'), currency: defaultCurrency?.code || 'JOD', amount: 0, }); setShowCheckForm(false); toast({ title: t?.checkAddedTitle ?? 'تم إضافة الشيك', description: `${t?.checkNumber ?? 'رقم الشيك'}: ${formValues.checkNumber}`, }); }; const handleRemoveCheck = (id: string) => { setChecks(checks.filter((check) => check.id !== id)); }; const handleAllocationChange = (purchaseOrderId: string, value: number) => { const next = (() => { const filtered = allocations.filter((a) => a.purchaseOrderId !== purchaseOrderId); if (!Number.isFinite(value) || value <= 0) return filtered; return [...filtered, { purchaseOrderId, amount: value }]; })(); setAllocations(next); syncAmountWithAllocations(next); }; const handleInvoiceSelectionChange = (order: PurchaseOrder, checked: boolean) => { form.setValue('allocationMode', 'manual', { shouldDirty: true, shouldValidate: true }); const due = Number(order.amountDue || 0); const next = checked ? [ ...allocations.filter((entry) => entry.purchaseOrderId !== order.id), { purchaseOrderId: order.id, amount: Number(due.toFixed(2)) }, ] : allocations.filter((entry) => entry.purchaseOrderId !== order.id); setAllocations(next); setSelectedInvoiceIds((prev) => { if (checked) return Array.from(new Set([...prev, order.id])); return prev.filter((id) => id !== order.id); }); syncAmountWithAllocations(next); }; const handleCurrencyChange = (code: string) => { const currentCode = form.getValues('currencyCode'); if (String(currentCode || '') !== String(code || '')) { // Currency switch starts a fresh allocation flow to avoid mixed-rate residuals. setAllocations([]); setSelectedInvoiceIds([]); setSelectedIncomingCheckIds([]); setChecks([]); form.setValue('amount', 0, { shouldDirty: true, shouldValidate: true }); form.setValue('incomingCheckIds', [], { shouldDirty: true, shouldValidate: true }); form.setValue('allocationMode', 'manual', { shouldDirty: true, shouldValidate: true }); } const matched = currencyOptions.find((c) => c.code === code); form.setValue('currencyCode', code, { shouldDirty: true, shouldValidate: true }); form.setValue('exchangeRate', matched?.exchangeRate || 1, { shouldDirty: true, shouldValidate: true }); form.setValue('isAdvance', false, { shouldDirty: true, shouldValidate: true }); }; const getSupplierNameById = (supplierId: string) => { const supplier = suppliers.find((entry) => entry.id === supplierId); return supplier?.name || supplierId; }; const editCurrencyCode = useWatch({ control: paymentEditForm.control, name: 'currencyCode' }); const editIsAdvance = useWatch({ control: paymentEditForm.control, name: 'isAdvance' }); const editableOrders = useMemo(() => { if (!editingPayment) return [] as PurchaseOrder[]; return purchaseOrders.filter((po) => po.supplierId === editingPayment.supplierId && po.status !== 'cancelled'); }, [editingPayment, purchaseOrders]); const handleOpenEdit = (payment: SupplierPayment) => { setEditingPayment(payment); paymentEditForm.reset({ amount: Number(payment.amount || 0), currencyCode: payment.currencyCode || baseCurrencyCode, exchangeRate: Number(payment.exchangeRate || 1), isAdvance: payment.isAdvance === true, postingStatus: (payment.postingStatus || 'posted') as any, reference: payment.reference || '', notes: payment.notes || '', rateDate: payment.rateDate ? format(new Date(payment.rateDate), 'yyyy-MM-dd') : format(new Date(), 'yyyy-MM-dd'), }); setEditAllocations( (Array.isArray(payment.allocations) ? payment.allocations : []).map((entry) => ({ purchaseOrderId: entry.purchaseOrderId, amount: Number(entry.amount || 0), })) ); }; const handleEditAllocationChange = (purchaseOrderId: string, amount: number) => { setEditAllocations((prev) => { const filtered = prev.filter((entry) => entry.purchaseOrderId !== purchaseOrderId); if (!Number.isFinite(amount) || amount <= 0) return filtered; return [...filtered, { purchaseOrderId, amount }]; }); }; const handleCancelPayment = (payment: SupplierPayment) => { if (payment.status === 'cancelled') return; const confirmed = typeof window !== 'undefined' ? window.confirm(t?.cancelConfirmMessage ?? 'هل أنت متأكد من إلغاء هذا السند؟ سيتم عكس الأثر المحاسبي والتوزيعات.') : true; if (!confirmed) return; startTransition(async () => { const result = await handleCancelSupplierPayment({ paymentId: payment.id }); if (result?.success && result.payment) { setPaymentRows((prev) => prev.map((row) => (row.id === payment.id ? (result.payment as SupplierPayment) : row))); setExpandedPaymentId((prev) => (prev === payment.id ? null : prev)); toast({ title: t?.cancelSuccessTitle ?? 'تم إلغاء السند بنجاح' }); } else { toast({ title: tGlobal?.error ?? 'خطأ', description: result?.error || (t?.cancelFailed ?? 'تعذر إلغاء السند'), variant: 'destructive', }); } }); }; const handleUpdatePaymentFull = (values: z.infer) => { if (!editingPayment || isModalEditLocked) return; startTransition(async () => { const result = await handleUpdateSupplierPaymentFull({ paymentId: editingPayment.id, amount: Number(values.amount || 0), currencyCode: values.currencyCode || baseCurrencyCode, exchangeRate: Number(values.exchangeRate || 1), isAdvance: values.isAdvance === true, postingStatus: values.postingStatus || 'posted', reference: values.reference, notes: values.notes, rateDate: values.rateDate, allocations: editAllocations.filter((entry) => Number(entry.amount || 0) > 0.0001), }); if (result?.success) { if (result.payment) { setPaymentRows((prev) => prev.map((row) => (row.id === editingPayment.id ? (result.payment as SupplierPayment) : row))); } setEditingPayment(null); toast({ title: t?.updateSuccessTitle ?? 'تم تحديث السند بنجاح' }); } else { toast({ title: tGlobal?.error ?? 'خطأ', description: result?.error || (t?.paymentError ?? 'تعذر تحديث السند'), variant: 'destructive', }); } }); }; const handleCreateSubmitWithStatus = (status: 'draft' | 'saved' | 'posted') => { form.setValue('postingStatus', status, { shouldDirty: true, shouldValidate: true }); void form.handleSubmit(onSubmit)(); }; return (
setActiveTab(value as 'create' | 'list')} className="w-full"> {t?.createPaymentVoucherTab ?? 'إنشاء سند صرف'} {t?.paymentVouchersListTab ?? 'عرض سندات الصرف'}
{editingInCreatePayment ? `${t?.edit ?? 'تعديل'} - ${editingInCreatePayment.id}` : (t?.paymentVoucher ?? 'سند الدفع')} {editingInCreatePayment ? (t?.editPaymentVoucherDescription ?? 'أنت الآن في وضع تعديل السند داخل شاشة الإنشاء مع نفس التفاصيل والميزات.') : (t?.paymentVoucherDescription ?? 'أدخل بيانات السند ثم وزع الدفعة على الفواتير مع متابعة فرق الصرف مباشرة.')}
{t?.voucherNumber ?? 'رقم السند'} {t?.date ?? 'التاريخ'} ( {t?.selectParty ?? 'اختر مورداً أو زبوناً...'}
setSearchTerm(e.target.value)} autoFocus />
{filteredParties.map((party) => ( (() => { const lockedBy = party.type === 'supplier' ? supplierLockById[party.originalId] : null; const isLockedByOther = Boolean(lockedBy); return (
{ if (party.type === 'supplier') { if (isLockedByOther) { toast({ title: tGlobal?.error ?? 'خطأ', description: `${t?.beneficiaryLockedBy ?? 'هذا المستفيد قيد الإدخال حالياً بواسطة'} ${lockedBy}`, variant: 'destructive', }); return; } if (lockedSupplierId && lockedSupplierId !== party.originalId) { await handleReleaseSupplierPaymentLock(lockedSupplierId); setLockedSupplierId(''); } const lockResult = await handleAcquireSupplierPaymentLock(party.originalId); if (!lockResult?.success) { toast({ title: tGlobal?.error ?? 'خطأ', description: `${t?.beneficiaryLockedBy ?? 'هذا المستفيد قيد الإدخال حالياً بواسطة'} ${lockResult?.lockedBy || (t?.anotherUser ?? 'مستخدم آخر')}`, variant: 'destructive', }); return; } field.onChange(party.originalId); setLockedSupplierId(party.originalId); } setSelectedPartyId(party.id); setPopoverOpen(false); setSearchTerm(''); }} className={cn( "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[selected=true]:bg-accent hover:bg-accent", isLockedByOther && "opacity-60", )} data-selected={party.id === selectedPartyId} > {party.name} ({party.type === 'supplier' ? t?.supplierLabel ?? 'مورد' : t?.customerLabel ?? 'زبون'}) - {formatCurrency(party.balance, currencySymbol)} {party.type === 'supplier' && ( {isLockedByOther ? `${t?.lockedBy ?? 'محجوز بواسطة'} ${lockedBy}` : (t?.available ?? 'متاح')} )}
); })() ))}
)} /> ( {t?.paymentMethod ?? 'طريقة الدفع'} )} /> ( {t?.amount ?? 'المبلغ'} )} /> ( {t?.reference ?? 'المرجع'} )} /> ( {t?.currency ?? 'العملة'} )} /> ( {exchangeRateLabel} )} /> ( {t?.rateDate ?? 'تاريخ السعر'} )} />

{t?.advanceToggle ?? 'تسجيل كدفعة مقدمة'}

{t?.advanceHelper ?? 'عند التفعيل، لن يُطلب ربط الدفعة بفواتير حالية.'}

( )} />

{t?.allocations ?? 'توزيع الدفعة على الفواتير'}

{watchedCurrency !== baseCurrencyCode && !watchedIsAdvance ? (t?.allocationHint ?? 'مطلوب ربط كامل للدفعة عند الدفع بعملة أجنبية.') : (t?.allocationOptional ?? 'يمكن ربط الدفعة بالفواتير المفتوحة لهذا المورد.')}

form.setValue('allocationMode', 'manual', { shouldDirty: true, shouldValidate: true })} > {t?.allocationManual ?? 'توزيع يدوي'} form.setValue('allocationMode', 'oldest_first', { shouldDirty: true, shouldValidate: true })} > {t?.allocationOldest ?? 'الأقدم أولاً'} form.setValue('allocationMode', 'newest_first', { shouldDirty: true, shouldValidate: true })} > {t?.allocationNewest ?? 'الأحدث أولاً'} form.setValue('allocationMode', 'currency_oldest_first', { shouldDirty: true, shouldValidate: true })} > {t?.allocationCurrencyOldest ?? 'نفس العملة - الأقدم أولاً'} form.setValue('allocationMode', 'currency_newest_first', { shouldDirty: true, shouldValidate: true })} > {t?.allocationCurrencyNewest ?? 'نفس العملة - الأحدث أولاً'} {t?.selectAllInvoices ?? 'تحديد كل الفواتير'} {t?.selectSameCurrencyInvoices ?? 'تحديد نفس العملة'} {t?.clearSelections ?? 'إلغاء التحديد'}
{t?.allocationRemaining ?? 'المتبقي للتوزيع'}: {formatCurrency(allocationDelta, currencySymbol)}
{t?.fxLiveTotal ?? 'إجمالي فرق الصرف (مباشر)'}: 0 ? 'text-amber-600' : 'text-emerald-600')}> {Math.abs(liveTotalFxDifferenceBase) <= 0.0001 ? (t?.fxNeutral ?? 'محايد') : `${liveTotalFxDifferenceBase > 0 ? (t?.fxLoss ?? 'خسارة') : (t?.fxGain ?? 'ربح')} ${formatCurrency(Math.abs(liveTotalFxDifferenceBase), currencySymbol)}`}
{t?.allocatedTotal ?? 'إجمالي التوزيع'}: {formatCurrency(totalAllocatedInPaymentCurrency, currencySymbol)}
{selectedSupplierOrders.length === 0 && (

{t?.noOpenInvoices ?? 'لا توجد فواتير مفتوحة لهذا المورد.'}

)} {selectedSupplierOrders.length > 0 && (
{t?.select ?? 'تحديد'} {t?.invoice ?? 'الفاتورة'} {t?.date ?? 'التاريخ'} {t?.currency ?? 'العملة'} {t?.amountDue ?? 'المبلغ المتبقي'} {t?.allocation ?? 'التوزيع'} {t?.equivalentInPaymentCurrency ?? `المعادل (${watchedCurrency || baseCurrencyCode})`} {t?.invoiceRateCaptured ?? `سعر الفاتورة (${baseCurrencyCode})`} {t?.baseAtInvoiceRate ?? 'القيمة بالأساس وقت الفاتورة'} {t?.baseAtPaymentRate ?? 'القيمة بالأساس وقت الدفع'} {t?.fxDifference ?? 'فرق الصرف'} {t?.match ?? 'المطابقة'} {selectedSupplierOrders.map((order) => { const allocation = allocations.find((a) => a.purchaseOrderId === order.id); const due = Number(order.amountDue || 0); const allocAmount = Number(allocation?.amount || 0); const invoiceCurrency = order.currencyCode || baseCurrencyCode; const invoiceRate = Number(getCapturedInvoiceRate(order)); const equivalentInPaymentCurrency = convertAmountBetweenCurrencies(allocAmount, invoiceCurrency, watchedCurrency || baseCurrencyCode); const analysisAmount = allocAmount > 0 ? allocAmount : 0; const analysisEquivalentInPaymentCurrency = convertAmountBetweenCurrencies(analysisAmount, invoiceCurrency, watchedCurrency || baseCurrencyCode); // baseAtInvoiceRate: convert invoice currency to base (ILS) using captured rate // if invoiceCurrency === ILS, use as-is; otherwise divide by rate (rate = units per ILS) const baseAtInvoiceRate = invoiceCurrency === baseCurrencyCode ? analysisAmount : analysisAmount / (Number.isFinite(invoiceRate) && invoiceRate > 0 ? invoiceRate : 1); const baseAtPaymentRate = (watchedCurrency || baseCurrencyCode) === baseCurrencyCode ? analysisEquivalentInPaymentCurrency : analysisEquivalentInPaymentCurrency / (Number.isFinite(paymentExchangeRateEffective) && paymentExchangeRateEffective > 0 ? paymentExchangeRateEffective : 1); const rowFxDifference = baseAtPaymentRate - baseAtInvoiceRate; const rowDelta = Number((due - allocAmount).toFixed(2)); return ( handleInvoiceSelectionChange(order, checked === true)} disabled={watchedIsAdvance} /> {order.orderNumber || order.id} {format(new Date(order.date), 'yyyy-MM-dd')} {order.currencyCode || baseCurrencyCode} {formatCurrency(order.amountDue || 0, order.currencyCode === baseCurrencyCode ? currencySymbol : order.currencyCode || currencySymbol)} handleAllocationChange(order.id, Number(e.target.value))} disabled={watchedIsAdvance} /> 0 ? equivalentInPaymentCurrency.toFixed(2) : ''} /> {Number.isFinite(invoiceRate) ? invoiceRate.toFixed(4) : '0.0000'} {formatCurrency(baseAtInvoiceRate, currencySymbol)} {formatCurrency(baseAtPaymentRate, currencySymbol)} {allocAmount <= 0 || Math.abs(rowFxDifference) <= 0.0001 ? {t?.fxNeutral ?? 'محايد'} : ( 0 ? 'default' : 'destructive'}> {rowFxDifference > 0 ? (t?.fxLoss ?? 'خسارة') : (t?.fxGain ?? 'ربح')} {formatCurrency(Math.abs(rowFxDifference), currencySymbol)} )} {Math.abs(rowDelta) <= 0.01 ? (t?.fullyMatched ?? 'مطابق بالكامل') : `${t?.remaining ?? 'متبقي'} ${formatCurrency(rowDelta, order.currencyCode === baseCurrencyCode ? currencySymbol : order.currencyCode || currencySymbol)}`} ); })}
)}
{/* Check Details Section - Show when payment method is 'check' */} {form.watch('paymentMethod') === 'check' && ( <>

{t?.checkDetails ?? 'تفاصيل الشيك'}

( {t?.checkSource ?? 'مصدر الشيك'} )} /> {watchedCheckSource === 'incoming' && (
{t?.selectIncomingChecks ?? 'اختر من صندوق الشيكات الواردة'}
{t?.selectedIncomingChecksTotal ?? 'إجمالي الشيكات المختارة'}: {formatCurrency(selectedIncomingChecksTotalInPaymentCurrency, currencySymbol)}
{t?.differenceWithVoucherAmount ?? 'الفرق مع مبلغ السند'}: {formatCurrency(incomingChecksSelectionDelta, currencySymbol)}
{availableIncomingChecks.length === 0 ? (
{t?.noIncomingChecksAvailable ?? 'لا توجد شيكات واردة متاحة حالياً.'}
) : (
{t?.select ?? 'تحديد'} {t?.checkNumber ?? 'رقم الشيك'} {t?.customerName ?? 'العميل'} {t?.bankName ?? 'البنك'} {t?.amount ?? 'المبلغ'} {t?.currency ?? 'العملة'} {availableIncomingChecks.map((incomingCheck) => ( { const next = checked === true ? Array.from(new Set([...selectedIncomingCheckIds, incomingCheck.id])) : selectedIncomingCheckIds.filter((id) => id !== incomingCheck.id); const nextTotal = availableIncomingChecks .filter((entry) => next.includes(entry.id)) .reduce((sum, entry) => { const checkCurrency = entry.currency || baseCurrencyCode; return sum + convertAmountBetweenCurrencies(Number(entry.amount || 0), checkCurrency, watchedCurrency || baseCurrencyCode); }, 0); setSelectedIncomingCheckIds(next); form.setValue('incomingCheckIds', next, { shouldDirty: true, shouldValidate: true }); if (next.length > 0) { const confirmed = typeof window !== 'undefined' ? window.confirm(t?.syncAmountWithSelectedIncomingChecks ?? 'هل تريد تحديث مبلغ السند ليتطابق مع مجموع الشيكات المختارة؟') : false; if (confirmed) { form.setValue('amount', Number(nextTotal.toFixed(2)), { shouldDirty: true, shouldValidate: true }); } } }} /> {incomingCheck.checkNumber} {incomingCheck.customerName} {incomingCheck.bankName} {formatCurrency(incomingCheck.amount || 0, currencySymbol)} {incomingCheck.currency} ))}
)}
)} {/* Checks Table */} {watchedCheckSource !== 'incoming' && checks.length > 0 && (
{t?.checkNumber ?? 'رقم الشيك'} {t?.bankName ?? 'اسم البنك'} {t?.checkDate ?? 'التاريخ'} {t?.amount ?? 'المبلغ'} {t?.currency ?? 'العملة'} {t?.actions ?? 'إجراءات'} {checks.map((check) => ( {check.checkNumber} {check.bankName} {format(new Date(check.checkDate), 'dd/MM/yyyy')} {formatCurrency(check.amount || 0, currencySymbol)} {check.currency} ))}
)} {/* Add Check Form */} {watchedCheckSource !== 'incoming' && !showCheckForm && ( )} {watchedCheckSource !== 'incoming' && showCheckForm && (
{t?.checkNumber ?? 'رقم الشيك'} * {t?.bankName ?? 'اسم البنك'} * {t?.checkDate ?? 'تاريخ الشيك'} * {t?.amount ?? 'المبلغ'} * {t?.currency ?? 'العملة'} {t?.actions ?? 'إجراءات'} ( )} /> (
{ setBankOptions((prev) => [...prev, newBank]); checkForm.setValue('bankId', newBank.id, { shouldValidate: true }); if (newBank.currencyCode) { checkForm.setValue('currency', newBank.currencyCode, { shouldValidate: true }); } }} /> )} /> ( )} /> ( )} /> { const selectedCurrency = currencyOptions.find(c => c.code === field.value); return ( ); }} />
)}
)} {/* Notes */} ( {t?.notes ?? 'ملاحظات'}