/**
 * Section 5: Informationspflichten (Art. 13/14 DSGVO)
 * Section 6: Automatisierte Entscheidungsfindung (Art. 22 DSGVO)
 */

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

export function InformationspflichtenAndArt22() {
  return (
    <>
      {/* Section 5 */}
      <section id="section-5" className="mb-10 scroll-mt-32">
        <h2 className="text-2xl font-bold text-slate-800 mb-6 pb-2 border-b border-slate-200">
          5. Informationspflichten (Art. 13/14 DSGVO)
        </h2>

        <h3 className="text-xl font-semibold text-slate-700 mb-3">5.1 Pflichtangaben nach Art. 13 DSGVO</h3>
        <Table
          headers={['Information', 'Bereitstellung']}
          rows={[
            ['Identität des Verantwortlichen', 'Schulwebsite, Datenschutzerklärung'],
            ['Kontakt DSB', 'Schulwebsite, Aushang'],
            ['Verarbeitungszwecke', 'Datenschutzinformation bei Einschulung'],
            ['Rechtsgrundlage', 'Datenschutzinformation'],
            ['Empfänger/Kategorien', 'Datenschutzinformation'],
            ['Speicherdauer', 'Datenschutzinformation'],
            ['Betroffenenrechte', 'Datenschutzinformation, auf Anfrage'],
            ['Beschwerderecht', 'Datenschutzinformation'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">5.2 KI-spezifische Transparenz</h3>
        <Table
          headers={['Information', 'Inhalt']}
          rows={[
            ['Art der KI', 'Vision-LLM für Texterkennung, kein automatisches Bewerten'],
            ['Menschliche Aufsicht', 'Jedes OCR-Ergebnis wird von Lehrkraft geprüft'],
            ['Keine automatische Entscheidung', 'System macht Vorschläge, Lehrkraft entscheidet'],
            ['Widerspruchsrecht', 'Opt-out von Training-Verwendung möglich'],
          ]}
        />
      </section>

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

        <h3 className="text-xl font-semibold text-slate-700 mb-3">6.1 Anwendbarkeitsprüfung</h3>
        <Table
          headers={['Merkmal', 'Erfüllt', 'Begründung']}
          rows={[
            ['Automatisierte Verarbeitung', 'Ja', 'KI-gestützte Texterkennung'],
            ['Entscheidung', 'Nein', 'OCR liefert nur Vorschlag'],
            ['Rechtliche Wirkung/erhebliche Beeinträchtigung', 'Nein', 'Lehrkraft trifft finale Bewertungsentscheidung'],
          ]}
        />
        <div className="bg-green-50 border border-green-200 rounded-lg p-4 mt-4">
          <p className="text-green-800 font-medium">
            <strong>Ergebnis:</strong> Art. 22 DSGVO ist <strong>nicht anwendbar</strong>, da keine automatisierte Entscheidung mit rechtlicher Wirkung erfolgt.
          </p>
        </div>

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">6.2 Teacher-in-the-Loop Garantie</h3>
        <p className="text-slate-600 mb-4">Das System implementiert obligatorische menschliche Aufsicht:</p>
        <CodeBlock>{`┌──────────────┐     ┌──────────────┐     ┌──────────────┐
│  OCR-System  │────►│  Lehrkraft   │────►│   Bewertung  │
│  (Vorschlag) │     │  (Prüfung)   │     │   (Final)    │
└──────────────┘     └──────────────┘     └──────────────┘
       │                    │                    │
       │                    ▼                    │
       │            ┌──────────────┐            │
       └───────────►│  Korrektur   │◄───────────┘
                    │  (Optional)  │
                    └──────────────┘`}</CodeBlock>

        <p className="text-slate-600 mt-4 mb-2"><strong>Workflow-Garantien:</strong></p>
        <ol className="list-decimal list-inside text-slate-600 space-y-1 ml-4">
          <li>Kein OCR-Ergebnis wird automatisch als korrekt übernommen</li>
          <li>Lehrkraft muss explizit bestätigen ODER korrigieren</li>
          <li>Bewertungsentscheidung liegt ausschließlich bei der Lehrkraft</li>
          <li>System gibt keine Notenvorschläge</li>
        </ol>
      </section>
    </>
  )
}
