'use client'

import Link from 'next/link'
import { ArrowLeft, Shield, Server, Trash2, Mail } from 'lucide-react'

export default function DatenschutzPage() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 px-4 py-12">
      <div className="max-w-3xl mx-auto">
        <Link href="/" className="text-sm text-gray-400 hover:text-gray-300 inline-flex items-center gap-1 mb-8">
          <ArrowLeft className="w-3.5 h-3.5" />
          Zurück zur Startseite
        </Link>

        <div className="bg-card rounded-xl shadow-2xl p-8 md:p-12 border border-border">
          <div className="flex items-center gap-3 mb-6">
            <div className="w-10 h-10 bg-red-600 rounded-full flex items-center justify-center">
              <Shield className="w-5 h-5 text-white" />
            </div>
            <h1 className="text-3xl font-bold text-foreground">Datenschutzerklärung</h1>
          </div>

          <p className="text-muted-foreground mb-8">
            Gültig ab 1. Januar 2026 — Lageplan.ch, betrieben in der Schweiz.
          </p>

          {/* 1. Verantwortlicher */}
          <section className="mb-8">
            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
              <span className="text-red-500 font-mono text-sm">01</span>
              Verantwortlicher
            </h2>
            <p className="text-muted-foreground text-sm leading-relaxed">
              Verantwortlich für die Datenverarbeitung auf lageplan.ch ist der Betreiber der Plattform. 
              Bei Fragen zum Datenschutz wenden Sie sich bitte an die im Impressum angegebene Kontaktadresse 
              oder per E-Mail an <span className="text-foreground font-medium">datenschutz@lageplan.ch</span>.
            </p>
          </section>

          {/* 2. Welche Daten */}
          <section className="mb-8">
            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
              <span className="text-red-500 font-mono text-sm">02</span>
              Welche Daten werden erhoben?
            </h2>
            <div className="space-y-3 text-sm text-muted-foreground leading-relaxed">
              <p><strong className="text-foreground">Registrierungsdaten:</strong> Name, E-Mail-Adresse, Organisationsname, Passwort (verschlüsselt gespeichert).</p>
              <p><strong className="text-foreground">Einsatzdaten:</strong> Lagepläne, Journal-Einträge, Zeichnungen, Koordinaten, Symbole und zugehörige Projektdaten, die Sie in der Applikation erstellen.</p>
              <p><strong className="text-foreground">Technische Daten:</strong> IP-Adresse, Browser-Typ, Zugriffszeitpunkt — ausschliesslich für den Betrieb und die Sicherheit der Plattform.</p>
              <p><strong className="text-foreground">Hochgeladene Dateien:</strong> Logos, Planbilder und Symbole, die Sie über die Applikation hochladen.</p>
            </div>
          </section>

          {/* 3. Zweck */}
          <section className="mb-8">
            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
              <span className="text-red-500 font-mono text-sm">03</span>
              Zweck der Datenverarbeitung
            </h2>
            <div className="space-y-2 text-sm text-muted-foreground leading-relaxed">
              <p>Ihre Daten werden ausschliesslich für folgende Zwecke verwendet:</p>
              <ul className="list-disc pl-5 space-y-1">
                <li>Bereitstellung und Betrieb der Lageplan-Applikation</li>
                <li>Authentifizierung und Benutzerverwaltung</li>
                <li>Echtzeit-Synchronisierung von Einsatzdaten zwischen Teammitgliedern</li>
                <li>Erstellung von Einsatzrapports und PDF-Exporten</li>
                <li>Technischer Support und Fehlerbehebung</li>
              </ul>
            </div>
          </section>

          {/* 4. Betrieb und Wartung */}
          <section className="mb-8">
            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
              <span className="text-red-500 font-mono text-sm">04</span>
              Betrieb, Wartung und Support
            </h2>
            <div className="space-y-3 text-sm text-muted-foreground leading-relaxed">
              <p>
                Für den sicheren und zuverlässigen Betrieb der Plattform können autorisierte Mitarbeitende 
                des Betreibers im Rahmen ihrer Aufgaben auf Systemdaten zugreifen. Dies geschieht ausschliesslich zu folgenden Zwecken:
              </p>
              <ul className="list-disc pl-5 space-y-1">
                <li>Sicherstellung der Systemverfügbarkeit und -stabilität</li>
                <li>Fehlerbehebung und technischer Support auf Anfrage</li>
                <li>Durchführung von Wartungs- und Aktualisierungsarbeiten</li>
                <li>Gewährleistung der Datensicherheit und Missbrauchsprävention</li>
              </ul>
              <p>
                Der Zugriff erfolgt unter Einhaltung strikter Vertraulichkeitspflichten und wird auf das 
                betrieblich notwendige Minimum beschränkt. Personenbezogene Daten werden nicht an Dritte weitergegeben 
                und ausschliesslich im Rahmen der oben genannten Zwecke verarbeitet.
              </p>
            </div>
          </section>

          {/* 5. Hosting & Speicherung */}
          <section className="mb-8">
            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
              <Server className="w-4 h-4 text-red-500" />
              <span><span className="text-red-500 font-mono text-sm mr-2">05</span>Hosting und Speicherung</span>
            </h2>
            <div className="space-y-2 text-sm text-muted-foreground leading-relaxed">
              <p>
                Alle Daten werden auf Servern in der <strong className="text-foreground">Schweiz</strong> gespeichert. 
                Es findet keine Übermittlung von Daten ins Ausland statt.
              </p>
              <p>
                Die Daten werden in einer PostgreSQL-Datenbank gespeichert. Dateien (Logos, Bilder) werden in einem 
                S3-kompatiblen Objektspeicher (MinIO) abgelegt. Die Übertragung erfolgt verschlüsselt via HTTPS/TLS.
              </p>
            </div>
          </section>

          {/* 6. Datenlöschung */}
          <section className="mb-8">
            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
              <Trash2 className="w-4 h-4 text-red-500" />
              <span><span className="text-red-500 font-mono text-sm mr-2">06</span>Datenlöschung und Konto-Auflösung</span>
            </h2>
            <div className="space-y-2 text-sm text-muted-foreground leading-relaxed">
              <p>
                Sie haben jederzeit das Recht, Ihr Konto und Ihre Organisation inklusive aller zugehörigen Daten 
                vollständig zu löschen. Dies können Sie selbstständig über die Applikation durchführen 
                (Einstellungen → Organisation löschen).
              </p>
              <p>
                Bei der Löschung werden sämtliche Daten unwiderruflich entfernt: Benutzerkonten, Projekte, 
                Lagepläne, Journal-Einträge, Rapports, hochgeladene Dateien und alle zugehörigen Metadaten.
              </p>
              <p>
                Alternativ können Sie die Löschung per E-Mail an <span className="text-foreground font-medium">datenschutz@lageplan.ch</span> beantragen.
              </p>
            </div>
          </section>

          {/* 7. Rechte */}
          <section className="mb-8">
            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
              <span className="text-red-500 font-mono text-sm">07</span>
              Ihre Rechte
            </h2>
            <div className="space-y-2 text-sm text-muted-foreground leading-relaxed">
              <p>Gemäss dem Schweizer Datenschutzgesetz (DSG) und der DSGVO haben Sie folgende Rechte:</p>
              <ul className="list-disc pl-5 space-y-1">
                <li><strong className="text-foreground">Auskunftsrecht:</strong> Sie können Auskunft über Ihre gespeicherten Daten verlangen.</li>
                <li><strong className="text-foreground">Berichtigungsrecht:</strong> Sie können die Korrektur unrichtiger Daten verlangen.</li>
                <li><strong className="text-foreground">Löschungsrecht:</strong> Sie können die Löschung Ihrer Daten verlangen.</li>
                <li><strong className="text-foreground">Datenportabilität:</strong> Sie können Ihre Daten in einem gängigen Format anfordern.</li>
                <li><strong className="text-foreground">Widerspruchsrecht:</strong> Sie können der Verarbeitung Ihrer Daten widersprechen.</li>
              </ul>
            </div>
          </section>

          {/* 8. Cookies */}
          <section className="mb-8">
            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
              <span className="text-red-500 font-mono text-sm">08</span>
              Cookies
            </h2>
            <p className="text-sm text-muted-foreground leading-relaxed">
              Die Applikation verwendet ausschliesslich <strong className="text-foreground">technisch notwendige Cookies</strong> für 
              die Authentifizierung (Session-Token). Es werden keine Tracking-, Analyse- oder Werbe-Cookies eingesetzt. 
              Es werden keine Daten an Dritte weitergegeben.
            </p>
          </section>

          {/* 9. Kontakt */}
          <section className="mb-4">
            <h2 className="text-xl font-semibold text-foreground mb-3 flex items-center gap-2">
              <Mail className="w-4 h-4 text-red-500" />
              <span><span className="text-red-500 font-mono text-sm mr-2">09</span>Kontakt</span>
            </h2>
            <p className="text-sm text-muted-foreground leading-relaxed">
              Bei Fragen oder Anliegen zum Datenschutz kontaktieren Sie uns unter:{' '}
              <span className="text-foreground font-medium">datenschutz@lageplan.ch</span>
            </p>
          </section>
        </div>

        <div className="text-center mt-6 text-xs text-gray-500">
          © {new Date().getFullYear()} Lageplan.ch — Alle Rechte vorbehalten.
        </div>
      </div>
    </div>
  )
}
