@extends('layouts.public')

@section('title', 'Datenschutzerklärung — TacForce Pro')
@section('meta_description', 'Datenschutzerklärung von TacForce Pro: Verantwortlicher, verarbeitete Daten, Discord-OAuth, Speicherdauer und Betroffenenrechte.')

@section('content')

  <section class="border-b border-zinc-200 dark:border-zinc-800">
    <div class="mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 py-14 sm:py-16">
      <h1 class="text-4xl font-extrabold tracking-tight text-zinc-900 dark:text-white">Datenschutzerklärung</h1>
      <p class="mt-4 text-zinc-600 dark:text-zinc-400">Stand: 2026 · Diese Erklärung informiert über die Verarbeitung personenbezogener Daten bei der Nutzung von TacForce Pro (nachfolgend „der Dienst").</p>
      <div class="mt-6 rounded-lg border border-amber-500/30 bg-amber-500/10 px-4 py-3 text-sm text-amber-700 dark:text-amber-300">
        <strong>Hinweis:</strong> Dieses Dokument ist eine strukturierte Vorlage. Die mit <code class="rounded bg-amber-500/20 px-1">[Platzhalter: …]</code> markierten Felder müssen vor Veröffentlichung durch die tatsächlichen Angaben des Verantwortlichen ersetzt und rechtlich geprüft werden.
      </div>
    </div>
  </section>

  <section>
    <div class="mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 py-12 space-y-10">

      @php
        $sections = [
          [
            'title' => '1. Verantwortlicher',
            'body' => '<p>Verantwortlicher im Sinne der Datenschutz-Grundverordnung (DSGVO) und anderer datenschutzrechtlicher Bestimmungen ist:</p>
              <p class="mt-3">
                <strong>[Platzhalter: Name / Firma bitte ausfüllen]</strong><br>
                [Platzhalter: Straße und Hausnummer bitte ausfüllen]<br>
                [Platzhalter: PLZ und Ort bitte ausfüllen]<br>
                [Platzhalter: Land bitte ausfüllen]
              </p>
              <p class="mt-3">E-Mail: [Platzhalter: Kontakt-E-Mail bitte ausfüllen]</p>',
          ],
          [
            'title' => '2. Datenschutzbeauftragter',
            'body' => '<p>Sofern gesetzlich erforderlich, ist ein Datenschutzbeauftragter benannt:</p>
              <p class="mt-3">[Platzhalter: Name und Kontakt des Datenschutzbeauftragten bitte ausfüllen — oder streichen, falls nicht erforderlich]</p>',
          ],
          [
            'title' => '3. Welche Daten wir verarbeiten',
            'body' => '<p>Bei der Nutzung des Dienstes verarbeiten wir folgende Kategorien personenbezogener Daten:</p>
              <ul class="mt-3 list-disc space-y-1.5 pl-5">
                <li><strong>Discord-Kontodaten</strong> (über OAuth): Discord-Benutzer-ID, Benutzername, globaler Anzeigename, Avatar sowie eine Liste der Server, auf denen du ausreichende Rechte besitzt.</li>
                <li><strong>Server-/Guild-Daten</strong>: Discord-Server-ID, Servername, konfigurierte Einstellungen, Kategorien und Formulare.</li>
                <li><strong>Nutzungsdaten des Bots</strong>: Ticket- und Bewerbungsstatus, Zeitstempel, zugewiesene Team-Rollen, optionale Transkripte.</li>
                <li><strong>Log-/Ereignisdaten</strong>: technische Ereignisse (z. B. Join/Leave, Ticket erstellt/geschlossen) im von dir gewählten Umfang.</li>
                <li><strong>Technische Zugriffsdaten</strong>: IP-Adresse, Zeitpunkt des Zugriffs und Browser-/Geräteinformationen zur Auslieferung und Absicherung der Website.</li>
              </ul>
              <p class="mt-3">Wir speichern <strong>keine privaten Nachrichteninhalte</strong> über das für den Betrieb Notwendige hinaus und verzichten auf unnötige Datensammlung.</p>',
          ],
          [
            'title' => '4. Anmeldung über Discord (OAuth)',
            'body' => '<p>Die Anmeldung am Dashboard erfolgt ausschließlich über <strong>Discord OAuth 2.0</strong>. Dabei wirst du zu Discord weitergeleitet und autorisierst den Zugriff auf die oben genannten Kontodaten. Wir erhalten nur die Daten, die durch die angefragten OAuth-Scopes freigegeben werden (u. a. <code class="rounded bg-zinc-200 dark:bg-zinc-800 px-1">identify</code> und <code class="rounded bg-zinc-200 dark:bg-zinc-800 px-1">guilds</code>).</p>
              <p class="mt-3">Anbieter ist Discord. Es gelten zusätzlich die Datenschutzbestimmungen von Discord: <a class="text-blue-600 dark:text-blue-400 underline" href="https://discord.com/privacy" target="_blank" rel="noopener">https://discord.com/privacy</a>. Bei der Nutzung von Discord kann eine Datenübermittlung in Drittländer (u. a. USA) stattfinden.</p>',
          ],
          [
            'title' => '5. Zwecke und Rechtsgrundlagen',
            'body' => '<p>Wir verarbeiten deine Daten zu folgenden Zwecken:</p>
              <ul class="mt-3 list-disc space-y-1.5 pl-5">
                <li>Bereitstellung und Betrieb des Dashboards und des Discord-Bots.</li>
                <li>Verwaltung von Tickets, Bewerbungen, Rollen und Logs auf deinem Server.</li>
                <li>Absicherung, Fehleranalyse und Missbrauchsvermeidung.</li>
              </ul>
              <p class="mt-3">Rechtsgrundlagen sind Art. 6 Abs. 1 lit. b DSGVO (Vertragserfüllung / Nutzung des Dienstes), Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an einem sicheren, funktionsfähigen Dienst) sowie ggf. Art. 6 Abs. 1 lit. a DSGVO (Einwilligung).</p>',
          ],
          [
            'title' => '6. Empfänger / Auftragsverarbeiter',
            'body' => '<p>Zur Erbringung des Dienstes setzen wir Dienstleister ein, mit denen — soweit erforderlich — Auftragsverarbeitungsverträge (Art. 28 DSGVO) bestehen:</p>
              <ul class="mt-3 list-disc space-y-1.5 pl-5">
                <li><strong>Hosting / Infrastruktur:</strong> [Platzhalter: Hosting-Anbieter bitte ausfüllen]</li>
                <li><strong>Datenbank / Auth:</strong> [Platzhalter: Datenbank-/Auth-Anbieter bitte ausfüllen]</li>
                <li><strong>Plattform:</strong> Discord (für Bot-Betrieb und Anmeldung).</li>
              </ul>',
          ],
          [
            'title' => '7. Speicherdauer',
            'body' => '<p>Wir speichern personenbezogene Daten nur so lange, wie es für die genannten Zwecke erforderlich ist:</p>
              <ul class="mt-3 list-disc space-y-1.5 pl-5">
                <li>Konto- und Serverdaten: für die Dauer der Nutzung des Dienstes.</li>
                <li>Ticket-/Bewerbungsdaten und Transkripte: bis zur Löschung durch dich bzw. gemäß deiner Konfiguration.</li>
                <li>Technische Logs: für einen kurzen, betrieblich notwendigen Zeitraum.</li>
              </ul>
              <p class="mt-3">Nach Wegfall des Zwecks oder auf Verlangen werden die Daten gelöscht, sofern keine gesetzlichen Aufbewahrungspflichten entgegenstehen.</p>',
          ],
          [
            'title' => '8. Deine Rechte als betroffene Person',
            'body' => '<p>Du hast nach der DSGVO folgende Rechte:</p>
              <ul class="mt-3 list-disc space-y-1.5 pl-5">
                <li>Auskunft über die zu dir gespeicherten Daten (Art. 15 DSGVO).</li>
                <li>Berichtigung unrichtiger Daten (Art. 16 DSGVO).</li>
                <li>Löschung („Recht auf Vergessenwerden", Art. 17 DSGVO).</li>
                <li>Einschränkung der Verarbeitung (Art. 18 DSGVO).</li>
                <li>Datenübertragbarkeit (Art. 20 DSGVO).</li>
                <li>Widerspruch gegen die Verarbeitung (Art. 21 DSGVO).</li>
                <li>Widerruf einer erteilten Einwilligung mit Wirkung für die Zukunft (Art. 7 Abs. 3 DSGVO).</li>
              </ul>
              <p class="mt-3">Zur Ausübung deiner Rechte genügt eine formlose Nachricht an die oben genannte Kontaktadresse.</p>',
          ],
          [
            'title' => '9. Beschwerderecht bei der Aufsichtsbehörde',
            'body' => '<p>Unbeschadet anderer Rechtsbehelfe steht dir ein Beschwerderecht bei einer Datenschutz-Aufsichtsbehörde zu, insbesondere in dem Mitgliedstaat deines gewöhnlichen Aufenthalts, deines Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes.</p>
              <p class="mt-3">Zuständige Aufsichtsbehörde: [Platzhalter: zuständige Aufsichtsbehörde bitte ausfüllen]</p>',
          ],
          [
            'title' => '10. Datensicherheit',
            'body' => '<p>Wir treffen angemessene technische und organisatorische Maßnahmen: Zugriffe auf das Dashboard sind über Discord-OAuth authentifiziert und rollenbasiert abgesichert, Tokens und Secrets werden ausschließlich serverseitig verarbeitet, Eingaben werden validiert und Transkripte gegen HTML-Injection geschützt. Die Übertragung erfolgt verschlüsselt (TLS/HTTPS).</p>',
          ],
          [
            'title' => '11. Änderungen dieser Erklärung',
            'body' => '<p>Wir passen diese Datenschutzerklärung an, sobald sich Rechtslage oder Funktionsumfang ändern. Es gilt jeweils die auf dieser Seite veröffentlichte Fassung.</p>',
          ],
          [
            'title' => '12. Kontakt',
            'body' => '<p>Bei Fragen zum Datenschutz erreichst du uns unter:</p>
              <p class="mt-3">E-Mail: [Platzhalter: Datenschutz-Kontakt-E-Mail bitte ausfüllen]</p>',
          ],
        ];
      @endphp

      @foreach ($sections as $section)
        <div>
          <h2 class="text-xl font-bold tracking-tight text-zinc-900 dark:text-white">{{ $section['title'] }}</h2>
          <div class="mt-3 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400 [&_a]:break-words">
            {!! $section['body'] !!}
          </div>
        </div>
      @endforeach

      <div class="border-t border-zinc-200 dark:border-zinc-800 pt-8">
        <a href="{{ route('legal.imprint') }}" class="inline-flex items-center gap-1.5 text-sm font-semibold text-blue-600 dark:text-blue-400 hover:gap-2.5 transition-all">
          Zum Impressum
          <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
        </a>
      </div>
    </div>
  </section>

@endsection