// SamplesScreen — Persian form for logging count of received samples per product. const { useState: useStateS, useMemo: useMemoS, useEffect: useEffectS } = React; const faNumS = (n) => String(n).replace(/\d/g, d => '۰۱۲۳۴۵۶۷۸۹'[d]); // The sample product catalogue is defined by the admin and arrives via the // app store (window.useAppStore().products) — no longer hard-coded here. function Stepper({ value, onChange, max = 999 }) { const btn = (label, action, disabled) => ( ); const empty = value === 0; return (
{btn('−', () => onChange(Math.max(0, value - 1)), value === 0)}
{faNumS(value)}
{btn('+', () => onChange(Math.min(max, value + 1)), value >= max)}
); } function ProductRow({ product, count, onChange }) { return (
{/* product thumb placeholder */}
{product.code}
{product.name}
{product.spec}
); } function SamplesScreen({ onBack, onSubmit }) { const store = window.useAppStore(); const products = store.products || []; const [counts, setCounts] = useStateS({}); // productId -> qty const [submitted, setSubmitted] = useStateS(false); const [storeId, setStoreId] = useStateS(null); const [pickerOpen, setPickerOpen] = useStateS(false); // Stores assigned to the current user (unique across all scheduled days). const assignedStores = useMemoS(() => { const byDay = store.assignments[store.currentUserId] || {}; const seen = new Set(); const list = []; Object.values(byDay).forEach(day => day.forEach(a => { if (seen.has(a.storeId)) return; const s = store.stores.find(x => x.id === a.storeId); if (s) { seen.add(a.storeId); list.push(s); } })); return list; }, [store.assignments, store.stores, store.currentUserId]); // Default to the first assigned store once data is available. useEffectS(() => { if (storeId == null && assignedStores.length > 0) { setStoreId(assignedStores[0].id); } }, [assignedStores, storeId]); const selectedStore = assignedStores.find(s => s.id === storeId) || null; const total = useMemoS( () => products.reduce((a, p) => a + (counts[p.id] || 0), 0), [counts, products] ); const distinct = useMemoS( () => products.filter(p => (counts[p.id] || 0) > 0).length, [counts, products] ); const setOne = (id, v) => setCounts(c => ({ ...c, [id]: v })); const canSubmit = total > 0 && !!selectedStore; const handleSubmit = () => { if (!canSubmit) return; setSubmitted(true); setTimeout(() => { onSubmit?.(counts, total, selectedStore.id); }, 700); }; return (
{/* header */}
ثبت سمپل دریافتی
تعداد هر محصول را وارد کنید
{/* scrollable content */}
{/* meta info card */}
تاریخ دریافت
۲ خرداد ۱۴۰۵
{/* محل دریافت — selectable from the user's assigned stores */}
محل دریافت
{pickerOpen && ( <>
setPickerOpen(false)} style={{ position: 'fixed', inset: 0, zIndex: 20 }} />
{assignedStores.map(s => { const active = s.id === storeId; return ( ); })}
)}
کد سند
۴۸۲۷
محصولات
{products.length === 0 ? (
هنوز محصولی توسط مدیر تعریف نشده است
) : products.map((p, i) => (
setOne(p.id, v)} />
))}
{/* sticky footer */}
{faNumS(distinct)} قلم · جمع کل
0 ? 'var(--accent)' : 'var(--ink)', lineHeight: 1.1, }}>{faNumS(total)} عدد
); } window.SamplesScreen = SamplesScreen;