);
}
function Dashboard({ orders, tasks = [], taskLists = [], onNavigate, perms = {}, scopeLabel = null, scopeRegionIds = null, isSuper = false }) {
const [range, setRange] = useState('all'); // all | week | month
const [overdueOpen, setOverdueOpen] = useState(false);
const [mgrFilter, setMgrFilter] = useState('all'); // 'all' yoki regional menejer userId
const RANGES = [['all', 'Hammasi'], ['day', 'Kunlik'], ['week', 'Haftalik'], ['month', 'Oylik'], ['year', 'Yillik']];
const go = (v) => { if (onNavigate) onNavigate(v); };
// ====== Oy tanlash (kalendar oy bo'yicha) ======
// 'all' = davr (range) filtri ishlaydi; aks holda tanlangan 2026 oyi bo'yicha HAMMA ko'rsatkich.
// Default (va har yangilanganda) β JORIY oy; "Barcha oylar"Π½ΠΈ foydalanuvchi o'zi tanlaydi.
const [month, setMonth] = useState(dashMonthKey());
const MONTH_YEAR = 2026;
const MONTH_LABELS = ['Yanvar', 'Fevral', 'Mart', 'Aprel', 'May', 'Iyun', 'Iyul', 'Avgust', 'Sentyabr', 'Oktyabr', 'Noyabr', 'Dekabr'];
const monthOptions = useMemo(() => {
const now = new Date();
const upto = now.getFullYear() > MONTH_YEAR ? 11 : now.getMonth();
const arr = [{ key: 'all', label: 'Barcha oylar' }];
for (let i = 0; i <= upto; i++) arr.push({ key: DASH_MONTH_KEYS[i], label: MONTH_LABELS[i] + ' ' + MONTH_YEAR });
return arr;
}, []);
// Sell-out (Google Sheet) uchun oy kaliti: 'all' bo'lsa joriy oy.
const soMonthKey = month === 'all' ? dashMonthKey() : month;
// Reyting uchun oy satri (YYYY-MM): 'all' bo'lsa null (barcha vaqt).
const lbYm = month === 'all' ? null : `${MONTH_YEAR}-${String(DASH_MONTH_KEYS.indexOf(month) + 1).padStart(2, '0')}`;
// Viloyatga biriktirilgan regional menejerlar ro'yxati (filtr uchun) β hammaga ko'rinadi
const managerOptions = useMemo(() => {
const seen = new Map();
(DB.REGIONS || []).forEach(r => {
if (r.managerId && !seen.has(r.managerId)) {
const u = (DB.USERS || []).find(x => x.id === r.managerId);
if (u) seen.set(r.managerId, u);
}
});
return [...seen.values()].sort((a, b) => (a.name || '').localeCompare(b.name || ''));
}, []);
// Tanlangan menejer bo'yicha zakazlarni kesish (faqat o'sha menejer viloyatlari)
const mgrRegionIds = useMemo(
() => (mgrFilter === 'all' ? null : DB.userRegionIds(mgrFilter)),
[mgrFilter]
);
const baseOrders = useMemo(
() => (mgrRegionIds ? orders.filter(o => mgrRegionIds.includes(o.region)) : orders),
[orders, mgrRegionIds]
);
const mgrLabel = mgrFilter === 'all' ? null
: (mgrRegionIds || []).map(id => DB.regionName(id)).join(', ');
// Sheet (sell-out) bo'limlari uchun viloyat doirasi:
// - superadmin menejer filtrini tanlasa β o'sha menejer viloyatlari;
// - regional menejer o'z profilidan kirsa β faqat o'ziga biriktirilgan viloyatlar;
// - aks holda (superadmin, filtrsiz) β barcha viloyatlar.
const effRegionNames = useMemo(() => {
if (mgrLabel) return (mgrRegionIds || []).map(id => DB.regionName(id));
if (scopeRegionIds && scopeRegionIds.length) return scopeRegionIds.map(id => DB.regionName(id));
return null;
}, [mgrLabel, mgrRegionIds, scopeRegionIds]);
// Zakazlarni filtrlash: oy tanlangan bo'lsa β o'sha kalendar oy (createdAt);
// aks holda β tanlangan davr (range) bo'yicha (real time oyna).
const fOrders = useMemo(() => {
if (month !== 'all') {
const mi = DASH_MONTH_KEYS.indexOf(month);
return baseOrders.filter(o => {
if (!o.createdAt) return false;
const d = new Date(o.createdAt);
return d.getFullYear() === MONTH_YEAR && d.getMonth() === mi;
});
}
if (range === 'all') return baseOrders;
const days = range === 'day' ? 1 : range === 'week' ? 7 : range === 'year' ? 365 : 30;
const cutoff = Date.now() - days * 86400000;
return baseOrders.filter(o => o.createdAt && new Date(o.createdAt).getTime() >= cutoff);
}, [baseOrders, range, month]);
// Zakazlar ro'yxatini brend bo'yicha summalarga ajratadi
function splitByBrand(list) {
const by = {}; DB.BRANDS.forEach(b => { by[b.id] = 0; });
let total = 0;
list.forEach(o => (o.lines || []).forEach(l => {
const v = (l.qty || 0) * (l.price || 0);
total += v;
const b = DB.brandOfProduct(l.productId);
if (b && by[b.id] != null) by[b.id] += v;
}));
return { total, by };
}
const all = splitByBrand(fOrders);
const delivered = splitByBrand(fOrders.filter(o => o.status === 'delivered'));
const planned = splitByBrand(fOrders.filter(o => o.status === 'planned'));
const unplanned = splitByBrand(fOrders.filter(o => o.status === 'unplanned'));
const count = fOrders.length;
const avgTotal = count ? Math.round(all.total / count) : 0;
const avgBy = {}; DB.BRANDS.forEach(b => { avgBy[b.id] = count ? Math.round(all.by[b.id] / count) : 0; });
// Faqat summa ko'rsatkichlari β har biri brendlar bo'yicha ko'rinadi
const cards = [
{ label: 'Jami zakazlar summasi', value: all.total, by: all.by, icon: 'coin' },
{ label: 'Yetkazilgan summasi', value: delivered.total, by: delivered.by, icon: 'truck' },
{ label: "O'rtacha chek summasi", value: avgTotal, by: avgBy, icon: 'trendUp', sub: count + ' ta zakaz' },
{ label: 'Rejalangan summasi', value: planned.total, by: planned.by, icon: 'cal' },
{ label: 'Rejalanmagan summasi', value: unplanned.total, by: unplanned.by, icon: 'box' },
];
// Muddati o'tib ketgan (kechikkan) zakazlar β deadline o'tgan va yetkazilmagan
const overdueOrders = useMemo(() => {
const now = Date.now();
return fOrders
.filter(o => o.deadline && new Date(o.deadline).getTime() < now && o.status !== 'delivered')
.sort((a, b) => new Date(a.deadline) - new Date(b.deadline));
}, [fOrders]);
const overdueSum = overdueOrders.reduce((s, o) => s + DB.orderTotal(o), 0);
// ====== DISTRIBUTSIYA PULSI β mahsulot / kategoriya / hodim / distributor kesimi ======
const pulse = useMemo(() => {
const prodMap = {}; // productId -> { qty, sum }
const catMap = {}; // catId -> { qty, sum }
const empMap = {}; // hodim nomi-> { orders, sum, qty }
const distMap = {}; // distId -> { orders, sum, qty }
let totalQty = 0, deliveredCount = 0;
fOrders.forEach(o => {
const ot = DB.orderTotal(o);
if (o.status === 'delivered') deliveredCount++;
// Distributor kesimi
const dk = o.distributorId || 'β';
const d = distMap[dk] || (distMap[dk] = { orders: 0, sum: 0, qty: 0 });
d.orders++; d.sum += ot;
// Hodim (zakazni kiritgan) kesimi
const ek = o.createdBy || 'β';
const e = empMap[ek] || (empMap[ek] = { orders: 0, sum: 0, qty: 0 });
e.orders++; e.sum += ot;
(o.lines || []).forEach(l => {
const q = l.qty || 0, v = q * (l.price || 0);
totalQty += q; e.qty += q; d.qty += q;
const p = prodMap[l.productId] || (prodMap[l.productId] = { qty: 0, sum: 0 });
p.qty += q; p.sum += v;
const prod = DB.PRODUCT_BY_ID[l.productId];
const cid = prod ? prod.cat : null;
if (cid) { const c = catMap[cid] || (catMap[cid] = { qty: 0, sum: 0 }); c.qty += q; c.sum += v; }
});
});
const cnt = fOrders.length;
const fmtQty = (n) => DB.fmtSum(Math.round(n));
const topProducts = Object.entries(prodMap)
.map(([id, v]) => ({ key: id, name: (DB.PRODUCT_BY_ID[id] || {}).name || 'β', sum: v.sum, qty: v.qty, meta: fmtQty(v.qty) + ' dona' }))
.sort((a, b) => b.sum - a.sum).slice(0, 8);
const catRows = Object.entries(catMap)
.map(([id, v]) => {
const c = (DB.CATEGORIES || []).find(x => x.id === id);
const bName = c ? DB.brandName(c.brand) : '';
return { key: id, name: DB.categoryName(id) || 'β', sum: v.sum, qty: v.qty, meta: (bName && bName !== 'β' ? bName + ' Β· ' : '') + fmtQty(v.qty) + ' dona' };
})
.sort((a, b) => b.sum - a.sum).slice(0, 8);
const empRows = Object.entries(empMap)
.map(([name, v]) => ({ key: name, name, sum: v.sum, orders: v.orders, qty: v.qty, meta: v.orders + ' zakaz Β· ' + fmtQty(v.qty) + ' dona' }))
.sort((a, b) => b.sum - a.sum).slice(0, 8);
const distRows = Object.entries(distMap)
.map(([id, v]) => ({ key: id, name: DB.distributorName(id), sum: v.sum, orders: v.orders, meta: v.orders + ' zakaz' }))
.sort((a, b) => b.sum - a.sum).slice(0, 8);
return {
totalQty,
avgQty: cnt ? Math.round(totalQty / cnt) : 0,
activeProducts: Object.keys(prodMap).length,
activeCategories: Object.keys(catMap).length,
activeEmployees: Object.keys(empMap).filter(k => k !== 'β').length,
activeDistributors: Object.keys(distMap).filter(k => k !== 'β').length,
deliveredCount,
fulfillPct: cnt ? Math.round(deliveredCount / cnt * 100) : 0,
topProducts, catRows, empRows, distRows,
maxProduct: Math.max(1, ...topProducts.map(p => p.sum)),
maxCat: Math.max(1, ...catRows.map(c => c.sum)),
maxEmp: Math.max(1, ...empRows.map(e => e.sum)),
maxDist: Math.max(1, ...distRows.map(d => d.sum)),
};
}, [fOrders]);
const overduePct = count ? Math.round(overdueOrders.length / count * 100) : 0;
// Yuqori darajadagi puls KPI'lari (eng muhim operatsion raqamlar)
const pulseKpis = [
{ label: 'Jami zakazlar', value: count, icon: 'box', suffix: 'ta', accent: 'var(--brand)' },
{ label: 'Yetkazilgan', value: pulse.deliveredCount, icon: 'truck', suffix: 'ta', sub: pulse.fulfillPct + '% bajarildi', accent: '#3DBE9C' },
{ label: 'Sotilgan dona', value: pulse.totalQty, icon: 'layers', suffix: 'dona', accent: '#3F7FB8' },
{ label: "O'rtacha dona/zakaz", value: pulse.avgQty, icon: 'box', suffix: 'dona', accent: '#7A5CF0' },
];
// Holat bo'yicha summa
const byStatus = DB.COLUMNS.map(c => {
const sum = fOrders.filter(o => o.status === c.key).reduce((s, o) => s + DB.orderTotal(o), 0);
return { ...c, sum };
});
const maxStatusSum = Math.max(1, ...byStatus.map(s => s.sum));
// Viloyat bo'yicha top (summa)
const regionMap = {};
fOrders.forEach(o => { regionMap[o.region] = (regionMap[o.region] || 0) + DB.orderTotal(o); });
const topRegions = Object.entries(regionMap).map(([id, sum]) => ({ name: DB.regionName(id), sum }))
.sort((a, b) => b.sum - a.sum).slice(0, 6);
const maxRegion = Math.max(1, ...topRegions.map(r => r.sum));
// Brend ulushi (donut uchun) β birinchi brend foizi
const primary = DB.BRANDS[0];
const primaryPct = all.total ? Math.round((all.by[primary ? primary.id : ''] || 0) / all.total * 100) : 0;
// So'nggi 7 kunlik real dinamika (createdAt bo'yicha kunlik summa)
const trend = useMemo(() => {
const wd = ['Ya', 'Du', 'Se', 'Ch', 'Pa', 'Ju', 'Sh'];
const today = new Date(); today.setHours(0, 0, 0, 0);
const out = [];
for (let i = 6; i >= 0; i--) {
const d = new Date(today); d.setDate(d.getDate() - i);
const start = d.getTime(), end = start + 86400000;
const v = baseOrders.reduce((s, o) => {
const t = o.createdAt ? new Date(o.createdAt).getTime() : 0;
return (t >= start && t < end) ? s + DB.orderTotal(o) : s;
}, 0);
out.push({ d: wd[d.getDay()], v });
}
return out;
}, [baseOrders]);
const maxTrend = Math.max(1, ...trend.map(t => t.v));
// Vazifa statistikasi β ustunlardan mustaqil (category + completedAt asosida).
// Oy tanlansa β o'sha oyda BERILGAN (createdAt) vazifalar bo'yicha; aks holda hammasi.
const monthTasks = useMemo(() => {
if (month === 'all') return tasks;
const mi = DASH_MONTH_KEYS.indexOf(month);
return (tasks || []).filter(t => {
if (!t.createdAt) return false;
const d = new Date(t.createdAt);
return d.getFullYear() === MONTH_YEAR && d.getMonth() === mi;
});
}, [tasks, month]);
const tStats = DB.taskStats(monthTasks);
const taskCards = [
{ label: 'Jami berilgan vazifalar', value: tStats.total, icon: 'tasks', color: 'var(--brand)', tint: 'var(--brand-tint)', ink: 'var(--brand-700)' },
{ label: 'Jarayonda', value: tStats.doing, icon: 'clock', color: '#E3A23B', tint: '#F6E7CF', ink: '#A6651E' },
{ label: 'Bajarilgan', value: tStats.done, icon: 'check', color: '#3DBE9C', tint: '#D9F0E8', ink: '#1D8A6E' },
{ label: 'Muddatida bajarilgan', value: tStats.onTime, icon: 'shield', color: '#5A9FD4', tint: '#DCE9F4', ink: '#2F6F9E' },
{ label: "Muddati o'tib ketgan", value: tStats.overdue, icon: 'info', color: '#E8735F', tint: '#F6DCD6', ink: '#C2453A' },
];
return (
{/* ====== Boshqaruv paneli β menejer + davr filtri (butun dashboardni filtrlaydi) ====== */}
{managerOptions.length > 0 && (
)}
{/* Oy tanlash β har bir ko'rsatkichni tanlangan oy bo'yicha ko'rsatadi */}
{(scopeLabel || mgrLabel) && (
{scopeLabel || mgrLabel}
)}
{/* Davr segmenti faqat "Barcha oylar" tanlanganda (oy tanlansa β o'sha oy oynasi) */}
{month === 'all' && (
{RANGES.map(([k, lbl]) => (
))}
)}
{/* ====== PULS β sahifaning fokus nuqtasi: sell-in summa + 7 kunlik dinamika ====== */}