/* global React */
function PolitikaPrivatnostiPage() {
  const { isMobile, isTablet } = useBreakpoint();
  const bp = (d, t, m) => isMobile ? m : isTablet ? t : d;
  const [heroRef, heroVis] = useReveal(0.05);

  const h2 = { fontSize:bp(20,18,17), fontWeight:800, letterSpacing:"-0.02em", margin:"36px 0 10px", color:"var(--text-primary)" };
  const p  = { fontSize:bp(15,14,14), lineHeight:1.75, color:"var(--text-secondary)", margin:"0 0 14px" };
  const li = { fontSize:bp(15,14,14), lineHeight:1.7, color:"var(--text-secondary)", marginBottom:6 };

  return (
    <main>
      <section style={{ padding:bp("64px 32px 96px","48px 24px 72px","36px 20px 56px") }}>
        <div style={{ maxWidth:760, margin:"0 auto" }} ref={heroRef}>
          <div style={{ opacity: heroVis ? 1 : 0, transform: heroVis ? "none" : "translateY(20px)", transition:"opacity 0.6s var(--ease-spring), transform 0.6s var(--ease-spring)" }}>
            <Eyebrow>Pravna dokumenta</Eyebrow>
            <h1 style={{ margin:"12px 0 8px", fontSize:bp("clamp(28px,4vw,44px)","clamp(24px,5vw,34px)","clamp(22px,6vw,28px)"), fontWeight:800, letterSpacing:"-0.028em", lineHeight:1.1 }}>
              Politika privatnosti
            </h1>
            <p style={{ ...p, color:"var(--text-tertiary)", marginBottom:0 }}>Poslednje ažuriranje: april 2026.</p>

            <div style={{ marginTop:36, padding:"20px 24px", background:"var(--surface-1)", borderRadius:14, border:"1px solid var(--border-subtle)" }}>
              <p style={{ ...p, margin:0 }}>
                <strong style={{ color:"var(--text-primary)" }}>Rukovaoc podacima:</strong> Aleksandar Bisić D.O.O. (OMT Centar), Beograd, Srbija.<br/>
                <strong style={{ color:"var(--text-primary)" }}>Kontakt:</strong> <a href="mailto:kontakt@omtcentar.rs" style={{ color:"var(--omt-green-ink)" }}>kontakt@omtcentar.rs</a> · <a href="tel:+381641973737" style={{ color:"var(--omt-green-ink)" }}>064 197 3737</a>
              </p>
            </div>

            <h2 style={h2}>1. Koje podatke prikupljamo</h2>
            <p style={p}>Prikupljamo isključivo podatke koje Vi dobrovoljno unesete kroz kontakt formu na sajtu:</p>
            <ul style={{ paddingLeft:22, margin:"0 0 14px" }}>
              {["Ime i prezime","Email adresa","Broj telefona","Profesija (opciono)","Oblast interesovanja","Poruka (opciono)"].map(i => <li key={i} style={li}>{i}</li>)}
            </ul>
            <p style={p}>Sajt ne koristi kolačiće (cookies) osim tehničkih neophodnih za funkcionisanje. Ne koristimo analitičke servise trećih strana (Google Analytics i sl.).</p>

            <h2 style={h2}>2. Svrha obrade podataka</h2>
            <p style={p}>Vaši podaci koriste se isključivo u svrhu:</p>
            <ul style={{ paddingLeft:22, margin:"0 0 14px" }}>
              {["Odgovaranja na Vaš upit ili zahtev za konsultacijom","Zakazivanja termina obuke","Slanja informacija o kursu za koji ste iskazali interesovanje"].map(i => <li key={i} style={li}>{i}</li>)}
            </ul>
            <p style={p}>Ne koristimo Vaše podatke u marketinške svrhe bez Vaše izričite saglasnosti i ne prodajemo ih trećim stranama.</p>

            <h2 style={h2}>3. Pravni osnov obrade</h2>
            <p style={p}>Obrada se vrši na osnovu Vaše slobodne saglasnosti date potvrdom checkbox-a na kontakt formi, u skladu sa Zakonom o zaštiti podataka o ličnosti Republike Srbije (ZZPL) i Opštom uredbom o zaštiti podataka EU (GDPR), gde je primenljivo.</p>

            <h2 style={h2}>4. Čuvanje podataka</h2>
            <p style={p}>Podaci koje ste uneli u kontakt formu šalju se direktno na email adresu OMT Centra i ne čuvaju se u bazi podataka na sajtu. Email korespondencija čuva se do završetka poslovnog odnosa ili do Vašeg zahteva za brisanjem, a najduže 2 godine.</p>

            <h2 style={h2}>5. Vaša prava</h2>
            <p style={p}>Imate pravo da:</p>
            <ul style={{ paddingLeft:22, margin:"0 0 14px" }}>
              {[
                "Zatražite pristup podacima koje čuvamo o Vama",
                "Zatražite ispravku netačnih podataka",
                "Zatražite brisanje Vaših podataka",
                "Opozovete saglasnost u svakom trenutku",
                "Podnesete pritužbu Povereniku za informacije od javnog značaja i zaštitu podataka o ličnosti",
              ].map(i => <li key={i} style={li}>{i}</li>)}
            </ul>
            <p style={p}>Za ostvarivanje prava obratite se na: <a href="mailto:kontakt@omtcentar.rs" style={{ color:"var(--omt-green-ink)" }}>kontakt@omtcentar.rs</a></p>

            <h2 style={h2}>6. Bezbednost podataka</h2>
            <p style={p}>Preduzimamo razumne tehničke i organizacione mere zaštite podataka od neovlašćenog pristupa, gubitka ili zloupotrebe. Sajt se servira putem HTTPS protokola.</p>

            <h2 style={h2}>7. Izmene politike</h2>
            <p style={p}>Zadržavamo pravo izmene ove politike. Sve izmene biće objavljene na ovoj stranici sa ažuriranim datumom. Preporučujemo povremenu proveru.</p>
          </div>
        </div>
      </section>
    </main>
  );
}
window.PolitikaPrivatnostiPage = PolitikaPrivatnostiPage;
