/**
 * Section 1: Management Summary
 * Subsections: 1.1 Systemuebersicht, 1.2 Datenschutz-Garantien, 1.3 Compliance-Status
 */

import { Table } from '../Table'

export function ManagementSummary() {
  return (
    <section id="section-1" className="mb-10 scroll-mt-32">
      <h2 className="text-2xl font-bold text-slate-800 mb-6 pb-2 border-b border-slate-200">
        1. Management Summary
      </h2>

      <div id="section-1-1" className="mb-6 scroll-mt-32">
        <h3 className="text-xl font-semibold text-slate-700 mb-3">1.1 Systemübersicht</h3>
        <p className="text-slate-600 mb-4">
          Das OCR-Labeling-System ist eine <strong>vollständig lokal betriebene</strong> Lösung zur Digitalisierung und Auswertung handschriftlicher Schülerarbeiten (Klausuren, Aufsätze). Das System nutzt:
        </p>
        <ul className="list-disc list-inside text-slate-600 space-y-1 ml-4">
          <li><strong>llama3.2-vision:11b</strong> - Open-Source Vision-Language-Modell für OCR (lokal via Ollama)</li>
          <li><strong>TrOCR</strong> - Microsoft Transformer OCR für Handschrifterkennung (lokal)</li>
          <li><strong>qwen2.5:14b</strong> - Open-Source LLM für Korrekturassistenz (lokal via Ollama)</li>
        </ul>
      </div>

      <div id="section-1-2" className="mb-6 scroll-mt-32">
        <h3 className="text-xl font-semibold text-slate-700 mb-3">1.2 Datenschutz-Garantien</h3>
        <Table
          headers={['Merkmal', 'Umsetzung']}
          rows={[
            ['Verarbeitungsort', '100% lokal auf schuleigenem Mac Mini'],
            ['Cloud-Dienste', 'Keine - vollständig offline-fähig'],
            ['Datenübertragung', 'Keine Übertragung an externe Server'],
            ['KI-Modelle', 'Open-Source, lokal ausgeführt, keine Telemetrie'],
            ['Speicherung', 'Lokale PostgreSQL-Datenbank, MinIO Object Storage'],
          ]}
        />
      </div>

      <div id="section-1-3" className="mb-6 scroll-mt-32">
        <h3 className="text-xl font-semibold text-slate-700 mb-3">1.3 Compliance-Status</h3>
        <p className="text-slate-600 mb-2">Das System erfüllt die Anforderungen der:</p>
        <ul className="list-disc list-inside text-slate-600 space-y-1 ml-4">
          <li>DSGVO (Verordnung (EU) 2016/679)</li>
          <li>BDSG (Bundesdatenschutzgesetz)</li>
          <li>Niedersächsisches Schulgesetz (NSchG) §31</li>
          <li>EU AI Act (Verordnung (EU) 2024/1689)</li>
        </ul>
      </div>
    </section>
  )
}
