/* Účtovníček — Daňová evidencia (SZČO): pohľadávky, príjmy, výpočet dane.
 * Rozloženie stĺpcov kopíruje zošit Mirky (Pohľadávky RRRR / Príjmy RRRR). */

function useTaxYear(route) {
  const years = uctStore.tax.years();
  const fromRoute = +((route || '').split(':')[1] || 0);
  const [year, setYear] = React.useState(() => fromRoute || (years.includes(new Date().getFullYear()) ? new Date().getFullYear() : (years[0] || new Date().getFullYear())));
  return [year, setYear, years.length ? years : [year]];
}

function YearPicker({ year, setYear, years }) {
  const list = years.includes(year) ? years : [year, ...years];
  return (
    <select className="select" style={{width:110}} value={year} onChange={e => setYear(+e.target.value)}>
      {list.map(y => <option key={y} value={y}>{y}</option>)}
    </select>
  );
}

function PaidBadge({ s }) {
  const m = { A: ['paidA', 'A · uhradená'], 'Č': ['paidC', 'Č · čiastočne'], N: ['paidN', 'N · neuhradená'] }[s];
  if (!m) return <span className="badge gray">{s}</span>;
  return <span className={`badge ${m[0]}`}>{m[1]}</span>;
}

/* --- Pohľadávky --- */

function PageTaxReceivables({ go, route }) {
  const [year, setYear, years] = useTaxYear(route);
  const [rows, setRows] = React.useState(null);
  const [edit, setEdit] = React.useState(null);
  const [err, setErr] = React.useState(null);
  const [setToast, Toast] = useToast();
  const load = () => uctStore.tax.receivables(year).then(setRows).catch(e => setErr(e.message));
  React.useEffect(() => { setRows(null); load(); }, [year]);
  const sum = (k) => (rows || []).filter(r => r.status !== 'storno').reduce((a, r) => a + (k(r) || 0), 0);
  return (
    <div className="page">
      <div className="page-head">
        <div><h1>Pohľadávky {year}</h1><div className="sub">vystavené faktúry a rozdelenie príjmu podľa druhu · stav úhrady z Príjmov</div></div>
        <div style={{display:'flex', gap:10, alignItems:'center'}}>
          <YearPicker year={year} setYear={setYear} years={years} />
          <button className="btn btn-brand" onClick={() => go('invoices:new')}><Icon name="plus" /> Nová faktúra</button>
        </div>
      </div>
      <ErrorNote error={err} onClose={() => setErr(null)} />
      <div className="card" style={{overflowX:'auto'}}>
        {!rows ? <Loading /> : (
          <table className="tbl tax">
            <thead>
              <tr>
                <th rowSpan="2">P.č.</th><th rowSpan="2">Číslo dokladu</th><th rowSpan="2">Odberateľ</th><th colSpan="3" className="grp">Dátum</th><th rowSpan="2">Q</th>
                <th colSpan="4" className="grp">Autorský zákon (§ 6 ods. 2 písm. a)</th><th className="grp">Živnosť</th><th className="grp">§ 8 ostatné</th><th className="grp">§ 7a DPH</th>
                <th className="grp">POZD</th><th className="grp">Na účet podn.</th><th rowSpan="2" className="grp">Uhradené</th><th rowSpan="2"></th>
              </tr>
              <tr>
                <th>Vystavenia</th><th>Dodania</th><th>Splatnosti</th>
                <th className="num grp-l">Hodnota</th><th className="num">LF %</th><th className="num">LF €</th><th className="num">Na účet</th>
                <th className="num grp-l">Hodnota</th><th className="num grp-l">Hodnota</th><th className="num grp-l">Hodnota</th><th className="num grp-l">Hodnota</th><th className="num grp-l">Hodnota</th>
              </tr>
            </thead>
            <tbody>
              {rows.map((r, i) => (
                <tr key={r.invoiceId} className="clickable" style={r.status === 'storno' ? {opacity:0.5} : undefined} onClick={() => setEdit(r)}>
                  <td className="muted">{i + 1}</td>
                  <td className="mono"><strong>{r.number}</strong>{r.unclassified && r.status !== 'storno' && <span className="badge red" style={{marginLeft:6}} title="rozdelenie nesedí so sumou faktúry">?</span>}</td>
                  <td>{r.partnerName}</td>
                  <td>{fmt.date(r.issueDate)}</td><td>{fmt.date(r.deliveryDate)}</td><td>{fmt.date(r.dueDate)}</td>
                  <td className="muted">{r.quarter}</td>
                  <td className="num grp-l">{fmt.num(r.tax.autorsky)}</td><td className="num muted">{fmt.num(r.tax.lfPct * 100, 0)} %</td><td className="num muted">{fmt.num(r.lfEur)}</td><td className="num">{fmt.num(r.autorskyNet)}</td>
                  <td className="num grp-l">{fmt.num(r.tax.zivnost)}</td>
                  <td className="num grp-l">{fmt.num(r.tax.ostatne)}</td>
                  <td className="num grp-l muted">{r.tax.par7a ? fmt.num(r.tax.par7a) : '—'}</td>
                  <td className="num grp-l"><strong>{fmt.num(r.pozd)}</strong></td>
                  <td className="num grp-l">{fmt.num(r.naUcet)}</td>
                  <td><PaidBadge s={r.paidStatus} />{r.paidStatus === 'Č' && <div className="muted" style={{fontSize:11}}>{fmt.num(r.paidSum)} z {fmt.num(r.naUcet)}</div>}</td>
                  <td><Icon name="chevronRight" /></td>
                </tr>
              ))}
              {rows.length === 0 && <tr><td colSpan="18"><div className="empty"><Icon name="file" size={36} /><h4>V roku {year} nie sú pohľadávky</h4><div>Vystav faktúru alebo načítaj dáta v Nastaveniach.</div></div></td></tr>}
            </tbody>
            {rows.length > 0 && (
              <tfoot><tr className="sum">
                <td colSpan="7">spolu {rows.length}</td>
                <td className="num">{fmt.num(sum(r => r.tax.autorsky))}</td><td></td><td className="num">{fmt.num(sum(r => r.lfEur))}</td><td className="num">{fmt.num(sum(r => r.autorskyNet))}</td>
                <td className="num">{fmt.num(sum(r => r.tax.zivnost))}</td><td className="num">{fmt.num(sum(r => r.tax.ostatne))}</td><td className="num">{fmt.num(sum(r => r.tax.par7a))}</td>
                <td className="num">{fmt.num(sum(r => r.pozd))}</td><td className="num">{fmt.num(sum(r => r.naUcet))}</td><td colSpan="2"></td>
              </tr></tfoot>
            )}
          </table>
        )}
      </div>
      {edit && <TaxClassDrawer rec={edit} onClose={() => setEdit(null)} go={go} onSaved={() => { setEdit(null); load(); setToast('Rozdelenie uložené.'); }} />}
      {Toast}
    </div>
  );
}

function TaxClassDrawer({ rec, onClose, onSaved, go }) {
  const [t, setT] = React.useState(() => ({ ...rec.tax }));
  const [err, setErr] = React.useState(null);
  const set = (k, v) => setT(prev => ({ ...prev, [k]: v }));
  const pozd = Math.round(((t.autorsky || 0) + (t.zivnost || 0) + (t.ostatne || 0)) * 100) / 100;
  const diff = Math.round((rec.total - pozd) * 100) / 100;
  const save = async () => {
    setErr(null);
    try { await uctStore.tax.setClass(rec.invoiceId, t); onSaved(); } catch (e) { setErr(e.message); }
  };
  return (
    <Drawer title={<span className="inv-number">{rec.number}</span>} sub={<>{rec.partnerName} · {fmt.eur(rec.total)} · <PaidBadge s={rec.paidStatus} /></>} onClose={onClose}
      footer={<>
        <button className="btn btn-ghost" onClick={() => go('invoices:open:' + rec.invoiceId)}><Icon name="file" /> Otvoriť faktúru</button>
        <button className="btn btn-ghost" onClick={onClose}>Zrušiť</button>
        <button className="btn btn-brand" onClick={save}><Icon name="check" /> Uložiť rozdelenie</button>
      </>}>
      <ErrorNote error={err} onClose={() => setErr(null)} />
      <p style={{fontSize:13, color:'var(--ink-2)', marginTop:0}}>Rozdeľ sumu faktúry podľa druhu príjmu. Súčet (POZD) má sedieť so sumou faktúry.</p>
      <div className="row">
        <Field label="Autorský zákon (§ 6 ods. 2 písm. a)"><DecimalInput value={t.autorsky} onCommit={v => set('autorsky', v)} /></Field>
        <Field label="Odvod do Literárneho fondu (%)" hint="Od 1. 7. 2023 sa 2 % nezrážajú - nechaj 0."><DecimalInput value={(t.lfPct || 0) * 100} onCommit={v => set('lfPct', v / 100)} /></Field>
      </div>
      <div className="row">
        <Field label="Príjem z podnikania (živnosť)"><DecimalInput value={t.zivnost} onCommit={v => set('zivnost', v)} /></Field>
        <Field label="Príjem podľa § 8 (ostatné)"><DecimalInput value={t.ostatne} onCommit={v => set('ostatne', v)} /></Field>
      </div>
      <div className="row">
        <Field label="Služby podľa § 7a zákona o DPH" hint="Len na sledovanie (odberateľ v inom štáte EÚ); nie je to ďalší druh príjmu."><DecimalInput value={t.par7a} onCommit={v => set('par7a', v)} /></Field>
        <div style={{display:'flex', gap:8, marginTop:4}}>
          <button className="btn btn-sm" onClick={() => setT({ ...t, autorsky: rec.total, zivnost: 0, ostatne: 0 })}>Celé ako autorský</button>
          <button className="btn btn-sm" onClick={() => setT({ ...t, autorsky: 0, zivnost: rec.total, ostatne: 0 })}>Celé ako živnosť</button>
        </div>
      </div>
      <div className="pay-box" style={{marginTop:8, fontSize:13}}>
        <div style={{display:'flex', justifyContent:'space-between'}}><span>POZD (rozdelené)</span><strong className="mono">{fmt.eur(pozd)}</strong></div>
        <div style={{display:'flex', justifyContent:'space-between'}}><span>Suma faktúry</span><strong className="mono">{fmt.eur(rec.total)}</strong></div>
        <div style={{display:'flex', justifyContent:'space-between', color: diff ? 'var(--danger)' : 'var(--accent)'}}><span>Rozdiel</span><strong className="mono">{fmt.eur(diff)}</strong></div>
      </div>
    </Drawer>
  );
}

/* --- Príjmy --- */

function PageTaxIncomes({ go, route }) {
  const [year, setYear, years] = useTaxYear(route);
  const [rows, setRows] = React.useState(null);
  const [edit, setEdit] = React.useState(null); // {} = nový
  const [err, setErr] = React.useState(null);
  const [setToast, Toast] = useToast();
  const [askConfirm, ConfirmUI] = useConfirm();
  const load = () => uctStore.tax.incomes(year).then(setRows).catch(e => setErr(e.message));
  React.useEffect(() => { setRows(null); load(); }, [year]);
  const sum = (k) => (rows || []).reduce((a, r) => a + (r[k] || 0), 0);
  const remove = async (r) => {
    if (!await askConfirm({ title: 'Vymazať príjem?', message: `${fmt.date(r.date)} · ${r.partnerName || r.invoiceNumber} · ${fmt.eur(r.naUcet)}`, confirmLabel: 'Vymazať', danger: true })) return;
    try { await uctStore.tax.removeIncome(r.id); load(); setToast('Príjem vymazaný.'); } catch (e) { setErr(e.message); }
  };
  let running = 0;
  return (
    <div className="page">
      <div className="page-head">
        <div><h1>Príjmy {year}</h1><div className="sub">úhrady podľa dátumu prijatia peňazí · POZD ovplyvňuje základ dane, PNZD nie</div></div>
        <div style={{display:'flex', gap:10, alignItems:'center'}}>
          <YearPicker year={year} setYear={setYear} years={years} />
          <button className="btn btn-brand" onClick={() => setEdit({})}><Icon name="plus" /> Nový príjem</button>
        </div>
      </div>
      <ErrorNote error={err} onClose={() => setErr(null)} />
      <div className="card" style={{overflowX:'auto'}}>
        {!rows ? <Loading /> : (
          <table className="tbl tax">
            <thead>
              <tr>
                <th rowSpan="2">P.č.</th><th rowSpan="2">Účet</th><th rowSpan="2">Doklad</th><th rowSpan="2">Pohľadávka</th><th rowSpan="2">Odberateľ</th><th rowSpan="2">Dátum úhrady</th>
                <th colSpan="4" className="grp">Autorský zákon</th><th className="grp">Živnosť</th><th className="grp">§ 8</th><th className="grp">§ 7a</th><th className="grp">PNZD</th><th colSpan="2" className="grp">POZD</th><th className="grp">Na účet</th><th rowSpan="2"></th>
              </tr>
              <tr><th className="num grp-l">Hodnota</th><th className="num">LF %</th><th className="num">LF €</th><th className="num">Na účet</th><th className="num grp-l">Hodnota</th><th className="num grp-l">Hodnota</th><th className="num grp-l">Hodnota</th><th className="num grp-l">Hodnota</th><th className="num grp-l">Hodnota</th><th className="num">Medzisúčet</th><th className="num grp-l">Hodnota</th></tr>
            </thead>
            <tbody>
              {rows.map((r, i) => { running = Math.round((running + r.pozd) * 100) / 100; return (
                <tr key={r.id} className="clickable" onClick={() => setEdit(r)}>
                  <td className="muted">{i + 1}</td><td>{r.account}</td><td className="mono muted">{r.doc}</td>
                  <td className="mono">{r.invoiceNumber || <span className="muted">—</span>}</td><td>{r.partnerName}</td><td>{fmt.date(r.date)}</td>
                  <td className="num grp-l">{fmt.num(r.autorsky)}</td><td className="num muted">{fmt.num(r.lfPct * 100, 0)} %</td><td className="num muted">{fmt.num(r.lfEur)}</td><td className="num">{fmt.num(r.autorskyNet)}</td>
                  <td className="num grp-l">{fmt.num(r.zivnost)}</td><td className="num grp-l">{fmt.num(r.ostatne)}</td><td className="num grp-l muted">{r.par7a ? fmt.num(r.par7a) : '—'}</td>
                  <td className="num grp-l">{r.pnzd ? fmt.num(r.pnzd) : '—'}</td>
                  <td className="num grp-l"><strong>{fmt.num(r.pozd)}</strong></td><td className="num muted">{fmt.num(running)}</td>
                  <td className="num grp-l">{fmt.num(r.naUcet)}</td>
                  <td><button className="btn btn-ghost btn-sm btn-icon" title="Vymazať" onClick={e => { e.stopPropagation(); remove(r); }}><Icon name="trash" size={14} /></button></td>
                </tr>
              ); })}
              {rows.length === 0 && <tr><td colSpan="18"><div className="empty"><Icon name="coins" size={36} /><h4>V roku {year} nie sú príjmy</h4><div>Zapíš úhradu tlačidlom Nový príjem.</div></div></td></tr>}
            </tbody>
            {rows.length > 0 && (
              <tfoot><tr className="sum">
                <td colSpan="6">spolu {rows.length}</td>
                <td className="num">{fmt.num(sum('autorsky'))}</td><td></td><td className="num">{fmt.num(sum('lfEur'))}</td><td className="num">{fmt.num(sum('autorskyNet'))}</td>
                <td className="num">{fmt.num(sum('zivnost'))}</td><td className="num">{fmt.num(sum('ostatne'))}</td><td className="num">{fmt.num(sum('par7a'))}</td><td className="num">{fmt.num(sum('pnzd'))}</td>
                <td className="num">{fmt.num(sum('pozd'))}</td><td></td><td className="num">{fmt.num(sum('naUcet'))}</td><td></td>
              </tr></tfoot>
            )}
          </table>
        )}
      </div>
      {edit && <TaxIncomeDrawer income={edit.id ? edit : null} year={year} onClose={() => setEdit(null)} onSaved={() => { setEdit(null); load(); setToast('Príjem uložený.'); }} />}
      {ConfirmUI}
      {Toast}
    </div>
  );
}

function TaxIncomeDrawer({ income, year, onClose, onSaved }) {
  const isNew = !income;
  const [r, setR] = React.useState(() => isNew ? uctStore.tax.blankIncome(year) : { ...income });
  const [err, setErr] = React.useState(null);
  const [recs, setRecs] = React.useState([]);
  React.useEffect(() => { uctStore.tax.receivables(0).then(list => setRecs(list.filter(x => x.status !== 'storno' && (x.paidStatus !== 'A' || x.number === r.invoiceNumber)))).catch(() => {}); }, []);
  const set = (k, v) => setR(prev => ({ ...prev, [k]: v }));
  const pickInvoice = (number) => {
    const rec = recs.find(x => x.number === number);
    if (!rec) { setR(prev => ({ ...prev, invoiceNumber: '', invoiceId: '' })); return; }
    const rest = Math.max(0, Math.round((rec.naUcet - rec.paidSum) * 100) / 100);
    const full = rec.paidSum <= 0;
    setR(prev => ({ ...prev, invoiceNumber: rec.number, invoiceId: rec.invoiceId, partnerName: rec.partnerName,
      autorsky: full ? rec.tax.autorsky : rest, lfPct: rec.tax.lfPct, zivnost: full ? rec.tax.zivnost : 0, ostatne: full ? rec.tax.ostatne : 0, par7a: full ? rec.tax.par7a : 0 }));
  };
  const pozd = Math.round(((r.autorsky || 0) + (r.zivnost || 0) + (r.ostatne || 0)) * 100) / 100;
  const naUcet = Math.round((pozd - (r.autorsky || 0) * (r.lfPct || 0) + (r.pnzd || 0)) * 100) / 100;
  const save = async () => {
    setErr(null);
    try { isNew ? await uctStore.tax.createIncome(r) : await uctStore.tax.updateIncome(r); onSaved(); } catch (e) { setErr(e.message); }
  };
  return (
    <Drawer title={isNew ? 'Nový príjem' : 'Úprava príjmu'} sub="Úhrada faktúry alebo iný príjem na účet" onClose={onClose}
      footer={<><button className="btn btn-ghost" onClick={onClose}>Zrušiť</button><button className="btn btn-brand" onClick={save}><Icon name="check" /> {isNew ? 'Zapísať príjem' : 'Uložiť zmeny'}</button></>}>
      <ErrorNote error={err} onClose={() => setErr(null)} />
      <div className="row">
        <Field label="Dátum úhrady"><input className="input" type="date" value={r.date} onChange={e => set('date', e.target.value)} /></Field>
        <Field label="Účet / banka"><input className="input" value={r.account} onChange={e => set('account', e.target.value)} placeholder="BANKA - FIO" /></Field>
        <Field label="Doklad (výpis)" hint="napr. 03/2026"><input className="input mono" value={r.doc} onChange={e => set('doc', e.target.value)} placeholder={r.date ? r.date.slice(5, 7) + '/' + r.date.slice(0, 4) : ''} /></Field>
      </div>
      <Field label="Pohľadávka (faktúra)" hint="Vyber faktúru - sumy sa predvyplnia z jej rozdelenia. Príjem bez faktúry (napr. vrátka z poisťovne) nechaj prázdne.">
        <select className="select" value={r.invoiceNumber || ''} onChange={e => pickInvoice(e.target.value)}>
          <option value="">— bez faktúry —</option>
          {recs.map(x => <option key={x.invoiceId} value={x.number}>{x.number} · {x.partnerName} · {fmt.eur(x.naUcet)}{x.paidStatus === 'Č' ? ' (čiastočne uhradená)' : ''}</option>)}
        </select>
      </Field>
      <Field label="Od koho"><input className="input" value={r.partnerName} onChange={e => set('partnerName', e.target.value)} /></Field>
      <div className="row">
        <Field label="Autorský zákon"><DecimalInput value={r.autorsky} onCommit={v => set('autorsky', v)} /></Field>
        <Field label="LF (%)"><DecimalInput value={(r.lfPct || 0) * 100} onCommit={v => set('lfPct', v / 100)} /></Field>
        <Field label="Živnosť"><DecimalInput value={r.zivnost} onCommit={v => set('zivnost', v)} /></Field>
      </div>
      <div className="row">
        <Field label="§ 8 ostatné"><DecimalInput value={r.ostatne} onCommit={v => set('ostatne', v)} /></Field>
        <Field label="§ 7a DPH (sledovanie)"><DecimalInput value={r.par7a} onCommit={v => set('par7a', v)} /></Field>
        <Field label="PNZD (nezdaňuje sa)" hint="vklad, vrátka, preplatok"><DecimalInput value={r.pnzd} onCommit={v => set('pnzd', v)} /></Field>
      </div>
      <Field label="Poznámka"><input className="input" value={r.note} onChange={e => set('note', e.target.value)} /></Field>
      <div className="pay-box" style={{marginTop:8, fontSize:13}}>
        <div style={{display:'flex', justifyContent:'space-between'}}><span>POZD (do základu dane)</span><strong className="mono">{fmt.eur(pozd)}</strong></div>
        <div style={{display:'flex', justifyContent:'space-between'}}><span>Na účet (po LF, s PNZD)</span><strong className="mono">{fmt.eur(naUcet)}</strong></div>
      </div>
    </Drawer>
  );
}

/* --- Výpočet dane --- */

function PageTaxCalc({ go, route }) {
  const [year, setYear, years] = useTaxYear(route);
  const [sum, setSum] = React.useState(null);
  const [ty, setTy] = React.useState(null);
  const [err, setErr] = React.useState(null);
  const [setToast, Toast] = useToast();
  const [showConst, setShowConst] = React.useState(false);
  const load = () => Promise.all([uctStore.tax.summary(year), uctStore.tax.year(year)]).then(([s, t]) => { setSum(s); setTy(t); }).catch(e => setErr(e.message));
  React.useEffect(() => { setSum(null); load(); }, [year]);
  const setT = (k, v) => setTy(prev => ({ ...prev, [k]: v }));
  const setP = (k, v) => setTy(prev => ({ ...prev, priznanie: { ...(prev.priznanie || {}), [k]: v } }));
  const save = async () => {
    setErr(null);
    try { await uctStore.tax.saveYear(ty); await load(); setToast(`Rok ${year} uložený.`); } catch (e) { setErr(e.message); }
  };
  if (!sum || !ty) return <div className="page"><div className="page-head"><div><h1>Výpočet dane {year}</h1></div><YearPicker year={year} setYear={setYear} years={years} /></div><ErrorNote error={err} /><Loading /></div>;
  const P = ty.priznanie || {};
  const limitNow = ty.dphLimitNow || 0, limitYear = ty.dphLimitYear || 0;
  const maxBar = Math.max(limitNow || limitYear || 1, ...sum.months.map(m => m.sum12));
  const rowCalc = (label, calc, key, big) => (
    <React.Fragment key={label}>
      <div className={big ? 'big' : ''}>{label}</div>
      <div className={`r ${big ? 'big' : ''}`}>{fmt.num(calc)}</div>
      <div className="inp">{key ? <DecimalInput value={P[key] == null ? '' : P[key]} onCommit={v => setP(key, v)} /> : <span className="muted">—</span>}</div>
    </React.Fragment>
  );
  return (
    <div className="page">
      <div className="page-head">
        <div><h1>Výpočet dane {year}</h1><div className="sub">z príjmov podľa dátumu úhrady · paušálne výdavky {Math.round(ty.pausalPct * 100)} %{ty.pausalMax ? ` (max ${fmt.num(ty.pausalMax, 0)})` : ''} · {sum.flatRate ? '15 % (príjmy do limitu)' : 'pásma'}</div></div>
        <div style={{display:'flex', gap:10, alignItems:'center'}}>
          <YearPicker year={year} setYear={setYear} years={years} />
          <button className="btn btn-brand" onClick={save}><Icon name="check" /> Uložiť rok</button>
        </div>
      </div>
      <ErrorNote error={err} onClose={() => setErr(null)} />
      <div className="stats">
        <Stat label="Príjmy POZD" value={fmt.eur(sum.pozd)} delta={`${sum.incomes} ${plural(sum.incomes, 'úhrada', 'úhrady', 'úhrad')} · PNZD ${fmt.num(sum.pnzd)}`} />
        <Stat label="Základ dane" value={fmt.eur(sum.zd)} delta={`po paušáli ${fmt.num(sum.pausal)} a poistnom ${fmt.num(sum.poistne)}`} />
        <Stat label="Daň" value={fmt.eur(sum.dan)} delta={`nezdaniteľná časť ${fmt.num(sum.nczd)} · ${sum.flatRate ? '15 %' : 'pásma 19-35 %'}`} />
        <Stat label="Obrat 12 mesiacov" value={fmt.eur(sum.turnover12)} delta={limitYear ? `hranica DPH ${fmt.num(limitYear, 0)} za rok${limitNow ? ` / ${fmt.num(limitNow, 0)} hneď` : ''}` : ''} dir={limitYear && sum.turnover12 >= limitYear ? 'down' : 'up'} />
      </div>
      <div className="dash-grid">
        <div className="card">
          <div className="card-h"><div><h3>Výpočet</h3><div className="desc">ľavý stĺpec počíta appka, pravý je to, čo bolo v podanom priznaní (zapíš ručne)</div></div></div>
          <div className="card-b">
            <div className="tax-calc">
              <div className="h">Položka</div><div className="h r">Výpočet</div><div className="h">D. priznanie</div>
              {rowCalc('Príjmy spolu (POZD)', sum.pozd, 'prijmy')}
              {rowCalc('z toho autorský zákon', sum.autorsky)}
              {rowCalc('z toho živnosť', sum.zivnost)}
              {rowCalc('z toho § 8 ostatné', sum.ostatne)}
              {rowCalc('Paušálne výdavky', sum.pausal, 'pausal')}
              <div>Zaplatené poistné SP + ZP</div><div className="r"><DecimalInput value={ty.poistne} onCommit={v => setT('poistne', v)} /></div><div className="inp"><DecimalInput value={P.poistne == null ? '' : P.poistne} onCommit={v => setP('poistne', v)} /></div>
              {rowCalc('Príjem po výdavkoch a poistnom', sum.prijemAZ, 'prijemAZ')}
              <div>Príjem pre daň vyberanú zrážkou</div><div className="r"><DecimalInput value={ty.zrazkova} onCommit={v => setT('zrazkova', v)} /></div><div className="inp"><DecimalInput value={P.zrazkova == null ? '' : P.zrazkova} onCommit={v => setP('zrazkova', v)} /></div>
              {rowCalc('Základ dane', sum.zd, 'zd', true)}
              {rowCalc('Nezdaniteľná časť', sum.nczd, 'nczd')}
              {rowCalc('Zdaniteľný základ', sum.taxable)}
              {rowCalc('Daň', sum.dan, 'dan', true)}
              <div>Zaplatené preddavky</div><div className="r"><DecimalInput value={ty.preddavky} onCommit={v => setT('preddavky', v)} /></div><div className="inp"><DecimalInput value={P.preddavky == null ? '' : P.preddavky} onCommit={v => setP('preddavky', v)} /></div>
              {rowCalc('Daň na úhradu', sum.naUhradu, 'naUhradu', true)}
            </div>
            <div style={{marginTop:14, display:'flex', gap:8}}>
              <button className="btn btn-sm btn-ghost" onClick={() => setShowConst(v => !v)}>{showConst ? 'Skryť konštanty roka' : 'Konštanty roka (legislatíva)'}</button>
              <button className="btn btn-sm btn-brand" onClick={save}><Icon name="check" size={14} /> Uložiť</button>
            </div>
            {showConst && (
              <div style={{marginTop:14, display:'grid', gridTemplateColumns:'repeat(auto-fit, minmax(170px, 1fr))', gap:12}}>
                <Field label="Životné minimum"><DecimalInput value={ty.zm} onCommit={v => setT('zm', v)} /></Field>
                <Field label="NČZD základ"><DecimalInput value={ty.nczdBase} onCommit={v => setT('nczdBase', v)} /></Field>
                <Field label="NČZD hranica ZD"><DecimalInput value={ty.nczdLimit} onCommit={v => setT('nczdLimit', v)} /></Field>
                <Field label="NČZD koeficient K"><DecimalInput value={ty.nczdK} onCommit={v => setT('nczdK', v)} /></Field>
                <Field label="Paušál (%)"><DecimalInput value={ty.pausalPct * 100} onCommit={v => setT('pausalPct', v / 100)} /></Field>
                <Field label="Paušál max (0 = bez)"><DecimalInput value={ty.pausalMax} onCommit={v => setT('pausalMax', v)} /></Field>
                <Field label="Limit príjmov pre 15 %"><DecimalInput value={ty.flat15Limit} onCommit={v => setT('flat15Limit', v)} /></Field>
                <Field label="Sadzba 15 % (ako číslo)"><DecimalInput value={ty.rate15} onCommit={v => setT('rate15', v)} /></Field>
                <Field label="Hranica DPH za rok"><DecimalInput value={ty.dphLimitYear} onCommit={v => setT('dphLimitYear', v)} /></Field>
                <Field label="Hranica DPH hneď"><DecimalInput value={ty.dphLimitNow} onCommit={v => setT('dphLimitNow', v)} /></Field>
                <div style={{gridColumn:'1 / -1', fontSize:12, color:'var(--ink-3)'}}>Pásma nad limit 15 %: {(ty.brackets || []).map((b, i) => <span key={i} className="chip">{Math.round(b.rate * 100)} % {b.upTo ? `do ${fmt.num(b.upTo)}` : 'nad'}</span>)} <span>{ty.isDefault ? '(predvolené pre tento rok, po uložení ostanú tvoje)' : '(uložené)'}</span></div>
                <Field label="Poznámka k roku" style={{gridColumn:'1 / -1'}}><input className="input" value={ty.note || ''} onChange={e => setT('note', e.target.value)} /></Field>
              </div>
            )}
          </div>
        </div>
        <div style={{display:'flex', flexDirection:'column', gap:18}}>
          <div className="card">
            <div className="card-h"><div><h3>Obrat za posledných 12 mesiacov</h3><div className="desc">klzavý súčet príjmov POZD ku koncu každého mesiaca, naprieč rokmi</div></div></div>
            <div className="card-b">
              <div className="turnover">
                {sum.months.map(m => <div key={m.month} title={`${m.month}: ${fmt.eur(m.sum12)}`}><div className={`bar ${limitNow && m.sum12 >= limitNow ? 'over' : (limitYear && m.sum12 >= limitYear ? 'warn' : '')}`} style={{height: Math.max(2, Math.round(80 * m.sum12 / maxBar)) + 'px'}}></div><div className="lbl">{+m.month.slice(5)}</div></div>)}
              </div>
              <table className="tbl dense" style={{marginTop:10}}>
                <thead><tr><th>Mesiac</th><th className="num">POZD</th><th className="num">PNZD</th><th className="num">12 mesiacov</th></tr></thead>
                <tbody>{sum.months.map(m => <tr key={m.month}><td>{m.month}</td><td className="num">{fmt.num(m.pozd)}</td><td className="num">{m.pnzd ? fmt.num(m.pnzd) : '—'}</td><td className="num" style={limitYear && m.sum12 >= limitYear ? {color:'var(--danger)', fontWeight:600} : undefined}>{fmt.num(m.sum12)}</td></tr>)}</tbody>
              </table>
            </div>
          </div>
          <div className="card">
            <div className="card-h"><div><h3>Pohľadávky {year}</h3></div></div>
            <div className="card-b" style={{fontSize:13, color:'var(--ink-2)', lineHeight:1.8}}>
              <div>{sum.receivables} {plural(sum.receivables, 'faktúra', 'faktúry', 'faktúr')} · neuhradené <strong>{fmt.eur(sum.unpaid)}</strong></div>
              <button className="btn btn-sm" onClick={() => go('receivables:' + year)}>Otvoriť pohľadávky</button>
            </div>
          </div>
        </div>
      </div>
      {Toast}
    </div>
  );
}