// ═══════════════════════════════════════════════════════════════ // dashboard.jsx — Финансово табло (Фаза 4) // Приходи / разходи / печалба + данъци (печалба 10% год., // дивидент 5% трим.) + тегления. Всичко в EUR. // State lives in app.jsx — this is purely presentational. // ═══════════════════════════════════════════════════════════════ const PROFIT_TAX_RATE = 0.10; // данък печалба — 10% годишно const DIVIDEND_TAX_RATE = 0.05; // данък дивидент — 5% тримесечно const QUARTER_MONTHS = ["01–03", "04–06", "07–09", "10–12"]; const MONTH_ABBR = ["Я", "Ф", "М", "А", "М", "Ю", "Ю", "А", "С", "О", "Н", "Д"]; function FinanceView({ T, lang, history, expenses, withdrawals, taxPayments, onSaveWithdrawal, onUpdateWithdrawal, onDeleteWithdrawal, onSaveTaxPayment, onDeleteTaxPayment, }) { const { useState, useMemo } = React; const L = (bg, en) => (lang === "en" ? en : bg); // Всичко в EUR — стара BGN сума се конвертира; останалото се брои по номинал. const toEUR = (amt, cur) => { const a = Number(amt) || 0; if (cur === "BGN") return a / BGN_PER_EUR; return a; }; // ─── Налични години ─── const years = useMemo(() => { const s = new Set(); (history || []).forEach(i => { const y = (i.issueDate || "").slice(0, 4); if (y) s.add(y); }); (expenses || []).forEach(e => { const y = (e.date || "").slice(0, 4); if (y) s.add(y); }); (withdrawals || []).forEach(w => { const y = (w.date || "").slice(0, 4); if (y) s.add(y); }); s.add(String(new Date().getFullYear())); return [...s].sort().reverse(); }, [history, expenses, withdrawals]); const [year, setYear] = useState(String(new Date().getFullYear())); // ─── Приходи / разходи / печалба за годината ─── const fin = useMemo(() => { const invs = (history || []).filter(i => i.docType === "invoice" && (i.issueDate || "").startsWith(year)); const income = invs.reduce((s, i) => s + toEUR(i.base, i.currency), 0); // данъчна основа (без ДДС) const incomeTotal = invs.reduce((s, i) => s + toEUR(i.total, i.currency), 0); // с ДДС const exps = (expenses || []).filter(e => (e.date || "").startsWith(year)); const expense = exps.reduce((s, e) => s + toEUR(e.amount, e.currency), 0); const profit = income - expense; const profitTax = profit > 0 ? profit * PROFIT_TAX_RATE : 0; const months = Array.from({ length: 12 }, () => ({ inc: 0, exp: 0 })); invs.forEach(i => { const m = parseInt((i.issueDate || "").slice(5, 7), 10) - 1; if (m >= 0 && m < 12) months[m].inc += toEUR(i.base, i.currency); }); exps.forEach(e => { const m = parseInt((e.date || "").slice(5, 7), 10) - 1; if (m >= 0 && m < 12) months[m].exp += toEUR(e.amount, e.currency); }); return { income, incomeTotal, expense, profit, profitTax, months, count: invs.length }; }, [history, expenses, year]); // ─── Тегления + дивидентен данък по тримесечия ─── const wYear = useMemo(() => (withdrawals || []).filter(w => (w.date || "").startsWith(year)), [withdrawals, year]); const quarters = useMemo(() => { const q = [0, 0, 0, 0]; wYear.forEach(w => { const m = parseInt((w.date || "").slice(5, 7), 10); const idx = Math.floor((m - 1) / 3); if (idx >= 0 && idx < 4) q[idx] += toEUR(w.amount, w.currency); }); return q; }, [wYear]); const withdrawnTotal = quarters.reduce((a, b) => a + b, 0); const dividendTaxTotal = withdrawnTotal * DIVIDEND_TAX_RATE; // ─── Lookup за платени данъци ─── const taxPaid = (type, period) => (taxPayments || []).find(t => t.type === type && t.period === period); const markProfitTax = () => onSaveTaxPayment({ type: "profit", period: year, amount: fin.profitTax, paid_date: today() }); const markDividendTax = (qIdx, amount) => onSaveTaxPayment({ type: "dividend", period: `${year}-Q${qIdx + 1}`, amount, paid_date: today() }); // ─── Тегления форма ─── const FRESH_W = { date: today(), amount: "", note: "" }; const [wForm, setWForm] = useState(FRESH_W); const [wEditId, setWEditId] = useState(null); const [showWForm, setShowWForm] = useState(false); const updW = (patch) => setWForm(p => ({ ...p, ...patch })); const startAddW = () => { setWForm({ ...FRESH_W, date: today() }); setWEditId(null); setShowWForm(true); }; const startEditW = (w) => { setWForm({ date: w.date || "", amount: w.amount || "", note: w.note || "" }); setWEditId(w.id); setShowWForm(true); }; const saveW = () => { if (!wForm.amount) return; const payload = { date: wForm.date, amount: Number(wForm.amount) || 0, currency: "EUR", note: wForm.note || "" }; if (wEditId) onUpdateWithdrawal({ ...payload, id: wEditId }); else onSaveWithdrawal(payload); setShowWForm(false); setWEditId(null); setWForm({ ...FRESH_W, date: today() }); }; const cancelW = () => { setShowWForm(false); setWEditId(null); setWForm({ ...FRESH_W, date: today() }); }; const eur = (n) => `€ ${fmtNum(n)}`; // ─── Stat card ─── const stat = (label, value, sub, color) => (
{label}
{value}
{sub &&
{sub}
}
); const PaidBadge = () => ( {L("Платен", "Paid")} ); const maxMonth = Math.max(...fin.months.map(m => Math.max(m.inc, m.exp)), 1); return (
{/* ─── Header + year selector ─── */}

{L("Финанси", "Finance")}