import Link from 'next/link'

export default function AuditTab() {
  return (
    <div className="space-y-6">
      <div className="bg-white rounded-xl shadow-sm border p-6">
        <div className="flex items-center justify-between mb-4">
          <h3 className="text-lg font-semibold text-slate-900">Audit Export</h3>
          <Link
            href="/admin/compliance/export"
            className="px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 text-sm"
          >
            Export Wizard oeffnen
          </Link>
        </div>
        <p className="text-slate-600 mb-6">
          Erstellen Sie ZIP-Pakete mit allen relevanten Compliance-Daten fuer externe Pruefer.
        </p>

        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
          <div className="border rounded-lg p-4">
            <h4 className="font-semibold text-slate-900 mb-2">Vollstaendiger Export</h4>
            <p className="text-sm text-slate-600">Alle Daten inkl. Regulations, Controls, Evidence, Risks</p>
          </div>
          <div className="border rounded-lg p-4">
            <h4 className="font-semibold text-slate-900 mb-2">Nur Controls</h4>
            <p className="text-sm text-slate-600">Control Catalogue mit Mappings</p>
          </div>
          <div className="border rounded-lg p-4">
            <h4 className="font-semibold text-slate-900 mb-2">Nur Evidence</h4>
            <p className="text-sm text-slate-600">Evidence-Dateien und Metadaten</p>
          </div>
        </div>
      </div>

      {/* Export Format */}
      <div className="bg-white rounded-xl shadow-sm border p-6">
        <h3 className="text-lg font-semibold text-slate-900 mb-4">Export Format</h3>
        <div className="bg-slate-50 rounded-lg p-4 font-mono text-sm">
          <pre className="whitespace-pre overflow-x-auto">{`
audit_export_2026-01-16/
├── index.html                    # Navigations-Uebersicht
├── summary.json                  # Maschinenlesbare Zusammenfassung
├── regulations/
│   ├── gdpr.json
│   ├── aiact.json
│   └── ...
├── controls/
│   ├── control_catalogue.json
│   └── control_catalogue.xlsx
├── evidence/
│   ├── scan_reports/
│   ├── policies/
│   └── configs/
├── risks/
│   └── risk_register.json
└── README.md                     # Erklaerung fuer Pruefer
          `}</pre>
        </div>
      </div>

      {/* Audit Quick Links */}
      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
        <Link
          href="/admin/compliance/controls"
          className="bg-white rounded-xl shadow-sm border p-6 hover:border-primary-500 transition-colors"
        >
          <h4 className="font-semibold text-slate-900 mb-2">Control Reviews</h4>
          <p className="text-sm text-slate-600">Controls ueberpruefen und Status aktualisieren</p>
        </Link>
        <Link
          href="/admin/compliance/evidence"
          className="bg-white rounded-xl shadow-sm border p-6 hover:border-primary-500 transition-colors"
        >
          <h4 className="font-semibold text-slate-900 mb-2">Evidence Management</h4>
          <p className="text-sm text-slate-600">Nachweise hochladen und verwalten</p>
        </Link>
      </div>
    </div>
  )
}
