// ============================================================
//  Digital Slap — Zásady ochrany osobních údajů (legal page, CZ text)
//  Источник: lappo.online/policy. Юр.лицо: Vzdělávací Hub s.r.o.
// ============================================================

function LegalSection({ num, title, children }) {
  return (
    <div style={{
      marginTop: "clamp(40px, 5vw, 64px)",
      paddingTop: "clamp(28px, 3vw, 40px)",
      borderTop: `1px solid ${DS_THEME.line}`,
    }}>
      <div style={{
        fontFamily: "'IBM Plex Mono', ui-monospace, monospace", fontSize: 12,
        letterSpacing: ".18em", color: DS_ACCENT.bg, marginBottom: 12,
      }}>§ {num}</div>
      <h2 style={{
        fontFamily: "'IBM Plex Sans', system-ui, sans-serif", fontWeight: 800,
        fontSize: "clamp(22px, 2.4vw, 32px)", lineHeight: 1.15, letterSpacing: "-.02em",
        textTransform: "uppercase", margin: "0 0 20px",
      }}>{title}</h2>
      <div style={{
        fontFamily: "'IBM Plex Sans', system-ui, sans-serif",
        fontSize: "clamp(15px, 1.15vw, 17px)", lineHeight: 1.7,
        color: DS_THEME.fg, opacity: .9,
      }}>{children}</div>
    </div>
  );
}

function LegalDefList({ items }) {
  return (
    <div style={{ display: "grid", gap: 18, marginTop: 12 }}>
      {items.map((it, i) => (
        <div key={i}>
          <div style={{ fontWeight: 700, color: DS_THEME.fg, marginBottom: 4 }}>
            {it.t}
          </div>
          <div style={{ color: DS_THEME.fg, opacity: .85, lineHeight: 1.6 }}>{it.b}</div>
        </div>
      ))}
    </div>
  );
}

function LegalList({ items }) {
  return (
    <ul style={{ paddingLeft: 22, margin: "12px 0", color: DS_THEME.fg, opacity: .9 }}>
      {items.map((it, i) => (
        <li key={i} style={{ margin: "6px 0", lineHeight: 1.6 }}>{it}</li>
      ))}
    </ul>
  );
}

function LegalPolicyApp() {
  return (
    <DSPage hideBottomCta>
      <DSSection id="Policy" pad="clamp(80px, 12vh, 140px)">
        <DSReveal delay={0.05}>
          <div style={{
            fontFamily: "'IBM Plex Mono', ui-monospace, monospace", fontSize: 12,
            letterSpacing: ".22em", textTransform: "uppercase",
            color: DS_ACCENT.bg, marginBottom: 22,
          }}>GDPR · Právní dokument</div>
        </DSReveal>
        <DSReveal delay={0.1}>
          <h1 style={{
            fontFamily: "'IBM Plex Sans', system-ui, sans-serif", fontWeight: 800,
            fontSize: "clamp(30px, 4.6vw, 68px)", lineHeight: 1.02, letterSpacing: "-.04em",
            textTransform: "uppercase", margin: 0, maxWidth: "24ch",
          }}>
            Zásady ochrany<br/><em style={{
              fontFamily: "'Playfair Display', Georgia, serif",
              fontStyle: "italic", fontWeight: 400, letterSpacing: "0",
              textTransform: "none",
            }}>osobních&nbsp;údajů</em>
          </h1>
        </DSReveal>

        <DSReveal delay={0.15}>
          <div style={{
            marginTop: 36, padding: "clamp(20px, 2.4vw, 28px)",
            background: DS_THEME.surface, border: `1px solid ${DS_THEME.line2}`,
            borderRadius: 14,
            fontFamily: "'IBM Plex Sans', system-ui, sans-serif", fontSize: "clamp(14px, 1vw, 16px)",
            lineHeight: 1.6, color: DS_THEME.fg, display: "grid",
            gridTemplateColumns: "max-content 1fr", gap: "8px 24px",
            maxWidth: 720,
          }}>
            <span style={{ color: DS_THEME.dim }}>Správce</span>
            <span><strong>Vzdělávací Hub s.r.o.</strong></span>
            <span style={{ color: DS_THEME.dim }}>IČO</span>
            <span>23590939</span>
            <span style={{ color: DS_THEME.dim }}>Sídlo</span>
            <span>Korunní 2569/108, Praha 10 – Vinohrady, 101 00</span>
            <span style={{ color: DS_THEME.dim }}>Účinné od</span>
            <span>17. března 2026</span>
            <span style={{ color: DS_THEME.dim }}>Kontakt</span>
            <span><a href="mailto:hello@digital-slap.com" style={{
              color: DS_ACCENT.bg, textDecoration: "underline",
            }}>hello@digital-slap.com</a></span>
          </div>
        </DSReveal>

        <DSReveal delay={0.2}>
          <p style={{
            marginTop: 28, fontFamily: "'IBM Plex Sans', system-ui, sans-serif",
            fontSize: "clamp(15px, 1.15vw, 17px)", lineHeight: 1.7,
            color: DS_THEME.dim, maxWidth: 760,
          }}>
            Tento dokument popisuje, jak společnost Vzdělávací Hub s.r.o., jakožto správce, zpracovává
            osobní údaje svých klientů, partnerů a&nbsp;návštěvníků webu v&nbsp;souladu s&nbsp;nařízením
            EU 2016/679 (GDPR).
          </p>
        </DSReveal>

        <div style={{ maxWidth: 820 }}>

          <LegalSection num="1" title="Rozsah a kategorie zpracovávaných údajů">
            <p>Zpracováváme pouze údaje nezbytně nutné k&nbsp;dosažení účelu:</p>
            <LegalDefList items={[
              { t: "Adresní a identifikační údaje",
                b: "Jméno, příjmení, titul, obchodní firma, IČO, DIČ, adresa sídla či bydliště." },
              { t: "Kontaktní údaje",
                b: "E-mailová adresa, telefonní číslo, ID datové schránky, kontakty na komunikační platformy (Slack, WhatsApp, Telegram)." },
              { t: "Platební a fakturační údaje",
                b: "Číslo bankovního účtu, historie plateb, platební morálka." },
              { t: "Technické údaje",
                b: "IP adresa, soubory cookies, informace o prohlížeči a zařízení (v případě návštěvy webu)." },
            ]}/>
          </LegalSection>

          <LegalSection num="2" title="Právní základy a účely zpracování">
            <p>Vaše údaje zpracováváme na&nbsp;základě těchto právních titulů:</p>
            <LegalDefList items={[
              { t: "Plnění smlouvy",
                b: "Příprava cenové nabídky, realizace marketingu, tvorba webu a správa kampaní. Bez těchto údajů nemůžeme zakázku realizovat." },
              { t: "Plnění právních povinností",
                b: "Zejména vedení účetnictví, archivace daňových dokladů a plnění povinností dle zákona o DPH." },
              { t: "Oprávněný zájem",
                b: "Ochrana našich práv (vymáhání pohledávek). Přímý marketing (zasílání informací o obdobných službách, které jste si již objednali). Zabezpečení webu a prevence podvodů." },
              { t: "Souhlas",
                b: "Udělujete nám jej typicky pro odběr newsletteru (pokud nejste klientem) nebo pro používání marketingových cookies." },
            ]}/>
          </LegalSection>

          <LegalSection num="3" title="Předávání údajů třetím stranám (příjemci)">
            <p>Vaše osobní údaje <strong>neprodáváme</strong>. Pro&nbsp;zajištění chodu firmy však využíváme tyto zpracovatele:</p>
            <LegalDefList items={[
              { t: "Poskytovatelé IT a cloudových služeb",
                b: "Google LLC (Workspace, Drive), Cloudflare Inc. (hosting), Notion Labs Inc., Slack Technologies." },
              { t: "Platební systémy a účetnictví",
                b: "Stripe Inc., Fakturoid s.r.o., externí účetní poradci." },
              { t: "Marketingové a analytické nástroje",
                b: "Google Analytics, Meta Pixel (pro vlastní web Správce, ne pro zákazníky)." },
              { t: "AI nástroje (zpracování v USA)",
                b: "V rámci zefektivnění práce používáme nástroje jako OpenAI (ChatGPT), Anthropic (Claude), FireFlies. Data jsou chráněna v souladu s programem Data Privacy Framework nebo standardními smluvními doložkami EU." },
            ]}/>
          </LegalSection>

          <LegalSection num="4" title="Zabezpečení dat">
            <p>Správce prohlašuje, že přijal veškerá vhodná technická a&nbsp;organizační opatření k&nbsp;zabezpečení osobních údajů:</p>
            <LegalList items={[
              "Přístup k datům mají pouze autorizované osoby.",
              "Využíváme šifrovaná úložiště a silná hesla s dvoufaktorovým ověřením (2FA).",
              "Data jsou pravidelně zálohována.",
            ]}/>
          </LegalSection>

          <LegalSection num="5" title="Práva subjektů údajů">
            <p>V souvislosti s&nbsp;GDPR máte tato práva:</p>
            <LegalDefList items={[
              { t: "Právo na přístup",
                b: "Můžete chtít vědět, co o vás evidujeme." },
              { t: "Právo na opravu a výmaz",
                b: "Pokud jsou data chybná nebo již není důvod je držet." },
              { t: "Právo vznést námitku",
                b: "Pokud zpracováváme data pro přímý marketing, můžete to kdykoliv zakázat." },
              { t: "Právo na přenositelnost",
                b: "Máte právo získat svá data ve strojově čitelném formátu." },
            ]}/>
            <p style={{ marginTop: 18 }}>Práva uplatníte e-mailem na&nbsp;<a href="mailto:hello@digital-slap.com"
              style={{ color: DS_ACCENT.bg, textDecoration: "underline" }}>hello@digital-slap.com</a>.
              Reagujeme do&nbsp;30 dnů od&nbsp;přijetí žádosti.</p>
          </LegalSection>

          <LegalSection num="6" title="Doba uchování">
            <p>Údaje uchováváme po&nbsp;dobu trvání smluvního vztahu a&nbsp;následně po&nbsp;dobu
            stanovenou právními předpisy (zejména účetní a&nbsp;daňové předpisy — typicky 10&nbsp;let).
            Údaje zpracovávané na&nbsp;základě souhlasu uchováváme do&nbsp;jeho odvolání.</p>
          </LegalSection>

          <LegalSection num="7" title="Cookies a nástroje třetích stran">
            <p>Náš web používá soubory cookies. <strong>Nezbytné cookies</strong> jsou nutné pro
            fungování webu a&nbsp;ukládají se vždy. <strong>Analytické</strong> a&nbsp;<strong>marketingové
            cookies</strong> (např. Google Analytics, Google Ads, Meta) ukládáme pouze s&nbsp;vaším souhlasem.</p>
            <LegalDefList items={[
              { t: "Nezbytné", b: "Zajišťují základní chod webu a zapamatování vaší volby ohledně cookies. Nelze je vypnout." },
              { t: "Analytické", b: "Pomáhají nám měřit návštěvnost a chování uživatelů na webu (např. Google Analytics)." },
              { t: "Marketingové", b: "Umožňují měření a personalizaci reklamy (např. Google Ads, Meta)." },
            ]}/>
            <p style={{ marginTop: 18 }}>Souhlas udělujete přes cookies lištu při první návštěvě webu.
            Kdykoliv jej můžete změnit nebo odvolat tlačítkem <strong>„Nastavení cookies"</strong>
            v&nbsp;levém dolním rohu webu. Do&nbsp;udělení souhlasu jsou analytické a&nbsp;marketingové
            cookies blokovány pomocí nástroje Google Consent Mode&nbsp;v2.</p>
          </LegalSection>

          <LegalSection num="8" title="Závěrečná ustanovení">
            <p>Tyto zásady jsou účinné od&nbsp;17.&nbsp;3.&nbsp;2026. Správce je oprávněn tyto zásady
            změnit; novou verzi vždy zveřejní na&nbsp;svých webových stránkách. Všeobecné obchodní
            podmínky jsou popsány v&nbsp;samostatném dokumentu <a href="/vop" style={{
              color: DS_ACCENT.bg, textDecoration: "underline",
            }}>zde</a>.</p>
          </LegalSection>

        </div>
      </DSSection>
    </DSPage>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<LegalPolicyApp/>);