/**
 * Section 7: Privacy by Design und Default (Art. 25 DSGVO)
 * Section 8: Technisch-Organisatorische Massnahmen (Art. 32 DSGVO)
 */

import { Table } from '../Table'

export function PrivacyByDesignAndTOM() {
  return (
    <>
      {/* Section 7 */}
      <section id="section-7" className="mb-10 scroll-mt-32">
        <h2 className="text-2xl font-bold text-slate-800 mb-6 pb-2 border-b border-slate-200">
          7. Privacy by Design und Default (Art. 25 DSGVO)
        </h2>

        <h3 className="text-xl font-semibold text-slate-700 mb-3">7.1 Design-Prinzipien</h3>
        <Table
          headers={['Prinzip', 'Implementierung']}
          rows={[
            ['Proaktive Maßnahmen', 'Datenschutz von Anfang an im System-Design berücksichtigt'],
            ['Standard-Datenschutz', 'Minimale Datenerhebung als Default'],
            ['Eingebetteter Datenschutz', 'Technische Maßnahmen nicht umgehbar'],
            ['Volle Funktionalität', 'Kein Trade-off Datenschutz vs. Funktionalität'],
            ['End-to-End Sicherheit', 'Verschlüsselung vom Upload bis zur Löschung'],
            ['Sichtbarkeit/Transparenz', 'Alle Verarbeitungen protokolliert und nachvollziehbar'],
            ['Nutzerzentrierung', 'Betroffenenrechte einfach ausübbar'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">7.2 Vendor-Auswahl</h3>
        <p className="text-slate-600 mb-4">Die verwendeten KI-Modelle wurden nach Datenschutzkriterien ausgewählt:</p>
        <Table
          headers={['Modell', 'Anbieter', 'Lizenz', 'Lokale Ausführung', 'Telemetrie']}
          rows={[
            ['llama3.2-vision:11b', 'Meta', 'Llama 3.2 Community', '✓', 'Keine'],
            ['qwen2.5:14b', 'Alibaba', 'Apache 2.0', '✓', 'Keine'],
            ['TrOCR', 'Microsoft', 'MIT', '✓', 'Keine'],
          ]}
        />
      </section>

      {/* Section 8 */}
      <section id="section-8" className="mb-10 scroll-mt-32">
        <h2 className="text-2xl font-bold text-slate-800 mb-6 pb-2 border-b border-slate-200">
          8. Technisch-Organisatorische Maßnahmen (Art. 32 DSGVO)
        </h2>

        <h3 className="text-xl font-semibold text-slate-700 mb-3">8.1 Vertraulichkeit</h3>

        <h4 className="text-lg font-medium text-slate-700 mt-4 mb-2">8.1.1 Zutrittskontrolle</h4>
        <Table
          headers={['Maßnahme', 'Umsetzung']}
          rows={[
            ['Physische Sicherung', 'Server in abgeschlossenem Raum'],
            ['Zugangsprotokoll', 'Elektronisches Schloss mit Protokollierung'],
            ['Berechtigte Personen', 'IT-Administrator, Schulleitung'],
          ]}
        />

        <h4 className="text-lg font-medium text-slate-700 mt-6 mb-2">8.1.2 Zugangskontrolle</h4>
        <Table
          headers={['Maßnahme', 'Umsetzung']}
          rows={[
            ['Authentifizierung', 'Benutzername + Passwort'],
            ['Passwort-Policy', 'Min. 12 Zeichen, Komplexitätsanforderungen'],
            ['Session-Timeout', '30 Minuten Inaktivität'],
            ['Fehlversuche', 'Account-Sperrung nach 5 Fehlversuchen'],
          ]}
        />

        <h4 className="text-lg font-medium text-slate-700 mt-6 mb-2">8.1.3 Zugriffskontrolle (RBAC)</h4>
        <Table
          headers={['Rolle', 'Berechtigungen']}
          rows={[
            ['Admin', 'Vollzugriff, Benutzerverwaltung'],
            ['Lehrkraft', 'Eigene Sessions, Labeling, Export'],
            ['Viewer', 'Nur Lesezugriff auf Statistiken'],
          ]}
        />

        <h4 className="text-lg font-medium text-slate-700 mt-6 mb-2">8.1.4 Verschlüsselung</h4>
        <Table
          headers={['Bereich', 'Maßnahme']}
          rows={[
            ['Festplatte', 'FileVault 2 (AES-256)'],
            ['Datenbank', 'Transparent Data Encryption'],
            ['MinIO Storage', 'Server-Side Encryption (SSE)'],
            ['Netzwerk', 'TLS 1.3 für lokale Verbindungen'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-8 mb-3">8.2 Integrität</h3>
        <Table
          headers={['Maßnahme', 'Umsetzung']}
          rows={[
            ['Audit-Log', 'Alle Aktionen mit Timestamp und User-ID'],
            ['Unveränderlichkeit', 'Append-only Logging'],
            ['Log-Retention', '1 Jahr'],
            ['Netzwerkisolation', 'Lokales Netz, keine Internet-Verbindung erforderlich'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-8 mb-3">8.3 Verfügbarkeit</h3>
        <Table
          headers={['Maßnahme', 'Umsetzung']}
          rows={[
            ['Backup', 'Tägliches inkrementelles Backup'],
            ['USV', 'Unterbrechungsfreie Stromversorgung'],
            ['RAID', 'RAID 1 Spiegelung für Datenträger'],
            ['Recovery-Test', 'Halbjährlich'],
          ]}
        />
      </section>
    </>
  )
}
