/**
 * Section 13: Schulung und Awareness
 * Section 14: Review und Audit
 * Section 15: Vorfallmanagement
 */

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

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

        <h3 className="text-xl font-semibold text-slate-700 mb-3">13.1 Schulungskonzept</h3>
        <Table
          headers={['Schulung', 'Zielgruppe', 'Frequenz', 'Dokumentation']}
          rows={[
            ['DSGVO-Grundlagen', 'Alle Lehrkräfte', 'Jährlich', 'Teilnehmerliste'],
            ['OCR-System-Nutzung', 'Nutzende Lehrkräfte', 'Bei Einführung', 'Zertifikat'],
            ['KI-Kompetenz (AI Act Art. 4)', 'Alle Nutzenden', 'Jährlich', 'Nachweis'],
          ]}
        />
      </section>

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

        <h3 className="text-xl font-semibold text-slate-700 mb-3">14.1 Regelmäßige Überprüfungen</h3>
        <Table
          headers={['Prüfung', 'Frequenz', 'Verantwortlich']}
          rows={[
            ['DSFA-Review', 'Jährlich', 'DSB'],
            ['TOM-Wirksamkeit', 'Jährlich', 'IT-Administrator'],
            ['Zugriffsrechte', 'Halbjährlich', 'IT-Administrator'],
            ['Backup-Test', 'Halbjährlich', 'IT-Administrator'],
            ['Modell-Bias-Prüfung', 'Jährlich', 'IT + Lehrkräfte'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">14.2 Audit-Trail</h3>
        <Table
          headers={['Protokollierte Daten', 'Aufbewahrung', 'Format']}
          rows={[
            ['Benutzeraktionen', '1 Jahr', 'PostgreSQL'],
            ['Systemereignisse', '1 Jahr', 'Syslog'],
            ['Sicherheitsvorfälle', '3 Jahre', 'Incident-Dokumentation'],
          ]}
        />
      </section>

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

        <h3 className="text-xl font-semibold text-slate-700 mb-3">15.1 Datenpannen-Prozess</h3>
        <CodeBlock>{`┌─────────────────────────────────────────────────────────────────────┐
│                    INCIDENT RESPONSE                                 │
├─────────────────────────────────────────────────────────────────────┤
│                                                                      │
│  Erkennung ──► Bewertung ──► Meldung ──► Eindämmung ──► Behebung   │
│      │            │            │             │              │       │
│      ▼            ▼            ▼             ▼              ▼       │
│  Monitoring    Risiko-     72h an LfD    Isolation      Ursachen-  │
│  Audit-Log    einschätzung  (Art.33)    Forensik       analyse    │
└─────────────────────────────────────────────────────────────────────┘`}</CodeBlock>

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">15.2 Meldepflichten</h3>
        <Table
          headers={['Ereignis', 'Frist', 'Empfänger']}
          rows={[
            ['Datenpanne mit Risiko', '72 Stunden', 'Landesbeauftragte/r für Datenschutz'],
            ['Hohes Risiko für Betroffene', 'Unverzüglich', 'Betroffene Personen'],
          ]}
        />

        <h3 className="text-xl font-semibold text-slate-700 mt-6 mb-3">15.3 KI-spezifische Vorfälle</h3>
        <Table
          headers={['Vorfall', 'Reaktion']}
          rows={[
            ['Systematisch falsche OCR-Ergebnisse', 'Modell-Rollback, Analyse'],
            ['Bias-Erkennung', 'Untersuchung, ggf. Re-Training'],
            ['Adversarial Attack', 'System-Isolierung, Forensik'],
          ]}
        />
      </section>
    </>
  )
}
