/**
 * Section 11: ML/AI Training Dokumentation
 * Section 12: Betroffenenrechte
 */

import { Table } from '../Table'
import { CodeBlock } from '../CodeBlock'

export function MLTrainingAndRechte() {
  return (
    <>
      {/* Section 11 */}
      <section id="section-11" className="mb-10 scroll-mt-32">
        <h2 className="text-2xl font-bold text-slate-800 mb-6 pb-2 border-b border-slate-200">
          11. ML/AI Training Dokumentation
        </h2>

        <h3 className="text-xl font-semibold text-slate-700 mb-3">11.1 Trainingsdaten-Quellen</h3>
        <Table
          headers={['Datensatz', 'Quelle', 'Rechtsgrundlage', 'Volumen']}
          rows={[
            ['Klausur-Scans', 'Schulinterne Prüfungen', 'Art. 6(1)(e) + Einwilligung', 'Variabel'],
            ['Lehrer-Korrekturen', 'Labeling-System', 'Art. 6(1)(e)', 'Variabel'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">11.2 Datenqualitätsmaßnahmen</h3>
        <Table
          headers={['Maßnahme', 'Beschreibung']}
          rows={[
            ['Deduplizierung', 'SHA256-Hash zur Vermeidung von Duplikaten'],
            ['Qualitätskontrolle', 'Jedes Sample von Lehrkraft geprüft'],
            ['Repräsentativität', 'Samples aus verschiedenen Fächern/Klassenstufen'],
            ['Dokumentation', 'Metadaten zu jedem Sample'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">11.3 Labeling-Prozess</h3>
        <CodeBlock>{`┌─────────────────────────────────────────────────────────────────────┐
│                     LABELING WORKFLOW                                │
├─────────────────────────────────────────────────────────────────────┤
│                                                                      │
│  1. Bild-Upload            2. OCR-Vorschlag           3. Review     │
│  ┌─────────────┐          ┌─────────────┐          ┌─────────────┐  │
│  │   Scan      │─────────►│   LLM-OCR   │─────────►│  Lehrkraft  │  │
│  │   Upload    │          │   (lokal)   │          │   prüft     │  │
│  └─────────────┘          └─────────────┘          └──────┬──────┘  │
│                                                           │         │
│                                    ┌──────────────────────┴─────┐   │
│                                    ▼                            ▼   │
│                           ┌─────────────┐              ┌─────────┐  │
│                           │  Bestätigt  │              │Korrigiert│  │
│                           │  (korrekt)  │              │(manuell) │  │
│                           └─────────────┘              └─────────┘  │
│                                    │                            │   │
│                                    └──────────┬─────────────────┘   │
│                                               ▼                     │
│                                    ┌─────────────────┐              │
│                                    │  Ground Truth   │              │
│                                    │  (verifiziert)  │              │
│                                    └─────────────────┘              │
└─────────────────────────────────────────────────────────────────────┘`}</CodeBlock>

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">11.4 Export-Prozeduren</h3>
        <Table
          headers={['Schritt', 'Beschreibung', 'Datenschutzmaßnahme']}
          rows={[
            ['1. Auswahl', 'Sessions/Items für Export wählen', 'Nur bestätigte/korrigierte Items'],
            ['2. Pseudonymisierung', 'Entfernung direkter Identifikatoren', 'UUID statt Schüler-ID'],
            ['3. Format-Konvertierung', 'TrOCR/Llama/Generic Format', 'Nur notwendige Felder'],
            ['4. Speicherung', 'Lokal in /app/ocr-exports/', 'Verschlüsselt, zugriffsbeschränkt'],
          ]}
        />
      </section>

      {/* Section 12 */}
      <section id="section-12" className="mb-10 scroll-mt-32">
        <h2 className="text-2xl font-bold text-slate-800 mb-6 pb-2 border-b border-slate-200">
          12. Betroffenenrechte
        </h2>

        <h3 className="text-xl font-semibold text-slate-700 mb-3">12.1 Implementierte Rechte</h3>
        <Table
          headers={['Recht', 'Art. DSGVO', 'Umsetzung']}
          rows={[
            ['Auskunft', '15', 'Schriftliche Anfrage an DSB'],
            ['Berichtigung', '16', 'Korrektur falscher OCR-Ergebnisse'],
            ['Löschung', '17', 'Nach Aufbewahrungsfrist oder auf Antrag'],
            ['Einschränkung', '18', 'Sperrung der Verarbeitung auf Antrag'],
            ['Datenportabilität', '20', 'Export eigener Daten in JSON'],
            ['Widerspruch', '21', 'Opt-out von Training-Verwendung'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">12.2 Sonderrechte bei KI-Training</h3>
        <Table
          headers={['Recht', 'Umsetzung']}
          rows={[
            ['Widerspruch gegen Training', 'Daten werden nicht für Fine-Tuning verwendet'],
            ['Löschung aus Trainingsset', '"Machine Unlearning" durch Re-Training ohne betroffene Daten'],
          ]}
        />
      </section>
    </>
  )
}
