// Privacy notice — single-page reachable at /#privacy.
//
// Purpose: states what we collect, why, how long we keep it, who has access,
// and how to request deletion. Lightweight government-adjacent recruiting
// site, so the tone is plainspoken rather than legal-heavy. Length is
// deliberately short (NIST SP 800-122 calls this low-to-moderate-sensitivity
// PII; the notice should match that scope).
//
// If the data practices change, update this file AND the date at the bottom
// so visitors can tell the notice is current.

const Privacy = ({ go, mobile = false }) => {
  const padX = mobile ? 18 : 48;
  const padY = mobile ? 22 : 36;
  const titleSize = mobile ? 36 : 64;
  const sectionMt = mobile ? 22 : 32;
  const bodySize = mobile ? 13 : 15;
  const headSize = mobile ? 22 : 28;

  return (
    <div style={{ height: '100%', overflowY: 'auto', background: T.bg, color: T.bone, position: 'relative' }}>
      <Watermark opacity={0.06} />

      {/* Top bar — minimal, links back to landing. */}
      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: `16px ${padX}px`, borderBottom: `1px solid ${T.rule}` }}>
        <SWLockup size={mobile ? 0.75 : 0.95} />
        <button onClick={() => go('landing')} style={{ background: 'transparent', border: 'none', color: T.mute, fontFamily: "'JetBrains Mono',monospace", fontSize: 11, letterSpacing: 1, cursor: 'pointer' }}>
          ← Back
        </button>
      </div>

      <div style={{ maxWidth: 800, margin: '0 auto', padding: `${padY}px ${padX}px ${padY * 2}px` }}>
        <Mono size={11} color={T.gold}>// PRIVACY NOTICE</Mono>
        <Bebas size={titleSize} as="h1" style={{ marginTop: 10, display: 'block', lineHeight: 0.95 }}>
          What we collect, what we do with it.
        </Bebas>
        <Body size={bodySize} color={T.mute} style={{ marginTop: 12, display: 'block' }}>
          Last updated: May 10, 2026
        </Body>

        <div style={{ marginTop: sectionMt }}>
          <Bebas size={headSize} as="h2" style={{ display: 'block' }}>What we collect</Bebas>
          <Body size={bodySize} color={T.bone} style={{ marginTop: 10, display: 'block' }}>
            When you sign up for a Training Day event, we collect your full name, email,
            phone number, birthday, career-field interests, and a signed waiver.
            Candidates under 18 also provide a guardian's name, email, and phone.
            We don't ask for SSN, address, military affiliation, or anything else.
          </Body>
        </div>

        <div style={{ marginTop: sectionMt }}>
          <Bebas size={headSize} as="h2" style={{ display: 'block' }}>Why we collect it</Bebas>
          <Body size={bodySize} color={T.bone} style={{ marginTop: 10, display: 'block' }}>
            To run the event safely (waiver, age check), to email you confirmation
            and last-minute logistics, and to follow up after the event with optional
            next-step opportunities. Phone numbers are only used for day-of changes
            (weather cancellations, parking updates, etc.).
          </Body>
        </div>

        <div style={{ marginTop: sectionMt }}>
          <Bebas size={headSize} as="h2" style={{ display: 'block' }}>Who can see it</Bebas>
          <Body size={bodySize} color={T.bone} style={{ marginTop: 10, display: 'block' }}>
            Only the small group of AFSW Pacific recruiters and event coordinators
            running the events. Your information is not sold, shared with marketers,
            or merged with social-media data. The waiver is held for legal records
            in the same access boundary.
          </Body>
        </div>

        <div style={{ marginTop: sectionMt }}>
          <Bebas size={headSize} as="h2" style={{ display: 'block' }}>How long we keep it</Bebas>
          <Body size={bodySize} color={T.bone} style={{ marginTop: 10, display: 'block' }}>
            Per-event signup data (the row in our roster) is retained for 12 months
            after the event date, then deleted automatically. Signed waivers are kept
            for 3 years for liability records, then deleted. Anonymized headcount
            totals (no names, no contact info) may be kept indefinitely.
          </Body>
        </div>

        <div style={{ marginTop: sectionMt }}>
          <Bebas size={headSize} as="h2" style={{ display: 'block' }}>How to delete your data</Bebas>
          <Body size={bodySize} color={T.bone} style={{ marginTop: 10, display: 'block' }}>
            Email <a href="mailto:afswscout@gmail.com" style={{ color: T.gold, textDecoration: 'underline' }}>afswscout@gmail.com</a> from
            the email address you registered with. We confirm identity by reply, then
            remove your row and signed waiver within 7 days. We send a written
            confirmation when it's done.
          </Body>
          <Body size={bodySize} color={T.bone} style={{ marginTop: 10, display: 'block' }}>
            Every confirmation email also includes a one-click cancel link that
            removes your registration for that specific event without contacting us.
          </Body>
        </div>

        <div style={{ marginTop: sectionMt }}>
          <Bebas size={headSize} as="h2" style={{ display: 'block' }}>Cookies and tracking</Bebas>
          <Body size={bodySize} color={T.bone} style={{ marginTop: 10, display: 'block' }}>
            This site uses no third-party advertising cookies, no fingerprinting,
            and no session-replay tools. Cloudflare (our hosting provider) may log
            request metadata for security, which we use only to investigate abuse.
          </Body>
        </div>

        <div style={{ marginTop: sectionMt }}>
          <Bebas size={headSize} as="h2" style={{ display: 'block' }}>Questions</Bebas>
          <Body size={bodySize} color={T.bone} style={{ marginTop: 10, display: 'block' }}>
            Anything unclear, anything you want to know that's not above —
            email <a href="mailto:afswscout@gmail.com" style={{ color: T.gold, textDecoration: 'underline' }}>afswscout@gmail.com</a>.
            We respond, usually within a couple days.
          </Body>
        </div>
      </div>
    </div>
  );
};

window.Privacy = Privacy;
