'use client'

import Link from 'next/link'
import { useLang } from '@/context/LangContext'
import { siteConfig } from '@/lib/site'

const CONTENT = {
  de: {
    title: 'Datenschutzerklaerung',
    intro:
      'Der Schutz personenbezogener Daten ist uns wichtig. Diese Seite beschreibt in knapper Form, welche Daten GreenLens verarbeiten kann und warum.',
    section1: '1. Verarbeitete Daten',
    text1:
      'Je nach Nutzung der App koennen Pflanzenfotos, Kontodaten, technische Geraeteinformationen, In-App-Kaufdaten sowie freiwillig uebermittelte Support-Anfragen verarbeitet werden.',
    section2: '2. Zweck der Verarbeitung',
    text2:
      'Diese Daten werden verwendet, um Pflanzenscans auszufuehren, deine Sammlung zu speichern, Erinnerungen bereitzustellen, Abos und Credits zu verwalten sowie Support-Anfragen zu beantworten.',
    section3: '3. Drittanbieter',
    text3:
      'GreenLens nutzt technische Dienstleister fuer App-Betrieb, Analyse, Authentifizierung und In-App-Kaeufe. Dazu koennen je nach Plattform Apple, RevenueCat, PostHog oder Hosting-Anbieter gehoeren.',
    section4: '4. Kontakt',
    text4: 'Bei Fragen zum Datenschutz oder zu deinen Datenrechten kannst du uns per E-Mail kontaktieren.',
  },
  en: {
    title: 'Privacy Policy',
    intro:
      'Protecting personal data matters to us. This page summarizes what GreenLens may process and why.',
    section1: '1. Data we may process',
    text1:
      'Depending on how you use the app, GreenLens may process plant photos, account details, technical device information, in-app purchase data, and support messages you send to us.',
    section2: '2. Why we process it',
    text2:
      'We use this information to run plant scans, store your collection, provide reminders, manage subscriptions and credits, and respond to support requests.',
    section3: '3. Third-party services',
    text3:
      'GreenLens uses service providers for app delivery, analytics, authentication, and in-app purchases. Depending on platform and setup, this can include Apple, RevenueCat, PostHog, or hosting providers.',
    section4: '4. Contact',
    text4: 'If you have privacy questions or want to exercise your data rights, contact us by email.',
  },
  es: {
    title: 'Politica de Privacidad',
    intro:
      'La proteccion de los datos personales es importante para nosotros. Esta pagina resume que datos puede procesar GreenLens y por que.',
    section1: '1. Datos que podemos procesar',
    text1:
      'Segun el uso de la app, GreenLens puede procesar fotos de plantas, datos de cuenta, informacion tecnica del dispositivo, datos de compras dentro de la app y mensajes de soporte.',
    section2: '2. Para que los usamos',
    text2:
      'Usamos estos datos para ejecutar escaneos, guardar tu coleccion, ofrecer recordatorios, gestionar suscripciones y creditos, y responder solicitudes de soporte.',
    section3: '3. Servicios de terceros',
    text3:
      'GreenLens utiliza proveedores para la operacion de la app, analitica, autenticacion y compras integradas. Segun la plataforma, esto puede incluir Apple, RevenueCat, PostHog o proveedores de hosting.',
    section4: '4. Contacto',
    text4: 'Si tienes preguntas sobre privacidad o tus derechos de datos, contactanos por correo electronico.',
  },
}

export default function PrivacyContent() {
  const { lang } = useLang()
  const c = CONTENT[lang]

  return (
    <main className="container" style={{ paddingTop: '8rem', paddingBottom: '8rem', maxWidth: '800px' }}>
      <p style={{ marginBottom: '1rem', opacity: 0.75 }}>
        <Link href="/">Home</Link> / <span>Legal</span> / <span>{c.title}</span>
      </p>
      <h1>{c.title}</h1>
      <div style={{ marginTop: '2rem', lineHeight: '1.8', opacity: 0.9 }}>
        <p>{c.intro}</p>
        <h2 style={{ marginTop: '1.5rem', fontSize: '1.25rem' }}>{c.section1}</h2>
        <p>{c.text1}</p>
        <h2 style={{ marginTop: '1.5rem', fontSize: '1.25rem' }}>{c.section2}</h2>
        <p>{c.text2}</p>
        <h2 style={{ marginTop: '1.5rem', fontSize: '1.25rem' }}>{c.section3}</h2>
        <p>{c.text3}</p>
        <h2 style={{ marginTop: '1.5rem', fontSize: '1.25rem' }}>{c.section4}</h2>
        <p>{c.text4}</p>
        <p style={{ marginTop: '0.75rem' }}>
          <a href={`mailto:${siteConfig.legalEmail}`}>{siteConfig.legalEmail}</a>
        </p>
      </div>
    </main>
  )
}
