/**
 * Section 9: BSI-Anforderungen und Sicherheitsrichtlinien
 * Section 10: EU AI Act Compliance (KI-Verordnung)
 */

import { Table } from '../Table'

export function BSIAndEUAIAct() {
  return (
    <>
      {/* Section 9 */}
      <section id="section-9" className="mb-10 scroll-mt-32">
        <h2 className="text-2xl font-bold text-slate-800 mb-6 pb-2 border-b border-slate-200">
          9. BSI-Anforderungen und Sicherheitsrichtlinien
        </h2>

        <h3 className="text-xl font-semibold text-slate-700 mb-3">9.1 Angewandte BSI-Publikationen</h3>
        <Table
          headers={['Publikation', 'Relevanz', 'Umsetzung']}
          rows={[
            ['IT-Grundschutz-Kompendium', 'Basis-Absicherung', 'TOM nach Abschnitt 8'],
            ['BSI TR-03116-4', 'Kryptographische Verfahren', 'AES-256, TLS 1.3'],
            ['Kriterienkatalog KI (Juni 2025)', 'KI-Sicherheit', 'Siehe 9.2'],
            ['QUAIDAL (Juli 2025)', 'Trainingsdaten-Qualität', 'Siehe 9.3'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">9.2 KI-Sicherheitsanforderungen (BSI Kriterienkatalog)</h3>
        <Table
          headers={['Kriterium', 'Anforderung', 'Umsetzung']}
          rows={[
            ['Modellintegrität', 'Schutz vor Manipulation', 'Lokale Modelle, keine Updates ohne Review'],
            ['Eingabevalidierung', 'Schutz vor Adversarial Attacks', 'Bildformat-Prüfung, Größenlimits'],
            ['Ausgabevalidierung', 'Plausibilitätsprüfung', 'Konfidenz-Schwellwerte'],
            ['Protokollierung', 'Nachvollziehbarkeit', 'Vollständiges Audit-Log'],
            ['Incident Response', 'Reaktion auf Fehlfunktionen', 'Eskalationsprozess definiert'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">9.3 Trainingsdaten-Qualität (QUAIDAL)</h3>
        <Table
          headers={['Qualitätskriterium', 'Umsetzung']}
          rows={[
            ['Herkunftsdokumentation', 'Alle Trainingsdaten aus eigenem Labeling-Prozess'],
            ['Repräsentativität', 'Diverse Handschriften aus verschiedenen Klassenstufen'],
            ['Qualitätskontrolle', 'Lehrkraft-Verifikation jedes Samples'],
            ['Bias-Prüfung', 'Regelmäßige Stichproben-Analyse'],
            ['Versionierung', 'Git-basierte Versionskontrolle für Datasets'],
          ]}
        />
      </section>

      {/* Section 10 */}
      <section id="section-10" className="mb-10 scroll-mt-32">
        <h2 className="text-2xl font-bold text-slate-800 mb-6 pb-2 border-b border-slate-200">
          10. EU AI Act Compliance (KI-Verordnung)
        </h2>

        <h3 className="text-xl font-semibold text-slate-700 mb-3">10.1 Risikoklassifizierung</h3>
        <p className="text-slate-600 mb-4"><strong>Prüfung nach Anhang III der KI-Verordnung:</strong></p>
        <Table
          headers={['Hochrisiko-Kategorie', 'Anwendbar', 'Begründung']}
          rows={[
            ['3(a) Biometrische Identifizierung', 'Nein', 'Keine biometrische Verarbeitung'],
            ['3(b) Kritische Infrastruktur', 'Nein', 'Keine kritische Infrastruktur'],
            ['3(c) Allgemeine/berufliche Bildung', 'Prüfen', 'Bildungsbereich'],
            ['3(d) Beschäftigung', 'Nein', 'Nicht anwendbar'],
          ]}
        />
        <p className="text-slate-600 mt-4 mb-2">Das System wird <strong>nicht</strong> für folgende Hochrisiko-Anwendungen genutzt:</p>
        <ul className="list-disc list-inside text-slate-600 space-y-1 ml-4 mb-4">
          <li>Entscheidung über Zugang zu Bildungseinrichtungen</li>
          <li>Zuweisung zu Bildungseinrichtungen oder -programmen</li>
          <li>Bewertung von Lernergebnissen (nur Unterstützung, keine automatische Bewertung)</li>
          <li>Überwachung von Prüfungen</li>
        </ul>
        <div className="bg-green-50 border border-green-200 rounded-lg p-4">
          <p className="text-green-800 font-medium">
            <strong>Ergebnis:</strong> Kein Hochrisiko-KI-System nach aktuellem Stand.
          </p>
        </div>

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">10.2 Verbotsprüfung (Art. 5)</h3>
        <Table
          headers={['Verbotene Praxis', 'Geprüft', 'Ergebnis']}
          rows={[
            ['Unterschwellige Manipulation', '✓', 'Nicht vorhanden'],
            ['Ausnutzung von Schwächen', '✓', 'Nicht vorhanden'],
            ['Social Scoring', '✓', 'Nicht vorhanden'],
            ['Echtzeit-Biometrie', '✓', 'Nicht vorhanden'],
            ['Emotionserkennung in Bildung', '✓', 'Nicht vorhanden'],
          ]}
        />
      </section>
    </>
  )
}
