<template>
  <div class="legal-page">
    <div class="legal-card">
      <AppBrand class="legal-brand" />
      <h1>Datenschutzerklärung</h1>
      <p class="updated">Stand: 15.05.2026</p>
      <p class="notice">
        Hinweis vor Veröffentlichung: Die ladungsfähige Anschrift des Verantwortlichen
        muss vor Einreichung im Play Store ergänzt werden.
      </p>

      <section>
        <h2>Wer ist verantwortlich?</h2>
        <p>
          Verantwortlich für die Datenverarbeitung in TimeClock ist Torsten Schulz.
          Anschrift: <strong>Friedrich-Stampfer-Straße 21, 60437 Frankfurt am Main</strong>.
          Kontakt: <a href="mailto:kontakt@tsschulz.de">kontakt@tsschulz.de</a>.
        </p>
        <p>
          Ein Datenschutzbeauftragter ist nicht benannt, sofern keine gesetzliche
          Pflicht zur Benennung besteht.
        </p>
      </section>

      <section>
        <h2>Wofür wird TimeClock genutzt?</h2>
        <p>
          TimeClock ist eine Zeiterfassungsanwendung. Die App verarbeitet Daten zur
          Anmeldung, Zeiterfassung, Korrektur, Auswertung und Verwaltung persönlicher
          Arbeitszeiten.
        </p>
      </section>

      <section>
        <h2>Welche Daten werden verarbeitet?</h2>
        <ul>
          <li>Accountdaten: Name, E-Mail-Adresse, Passwort-Hash, Login-Status</li>
          <li>Zeiterfassungsdaten: Kommen, Gehen, Pausen, Korrekturen, Zeitstempel</li>
          <li>Abwesenheitsdaten: Urlaub, Krankheit, Feiertage, Arbeitszeitwünsche</li>
          <li>Einstellungen: Bundesland, Soll-Arbeitszeit, Anzeigeoptionen, Berechtigungen</li>
          <li>Technische Daten: IP-Adresse, Zugriffszeitpunkt, Geräte-/Browserinformationen, Server-Logs</li>
          <li>Bei optionaler Google-Anmeldung: Google-Konto-ID, E-Mail-Adresse und Anzeigename</li>
        </ul>
      </section>

      <section>
        <h2>Auf welchen Rechtsgrundlagen erfolgt die Verarbeitung?</h2>
        <ul>
          <li>Art. 6 Abs. 1 lit. b DSGVO für Account, Login und die Bereitstellung der Zeiterfassung</li>
          <li>Art. 6 Abs. 1 lit. c DSGVO, soweit gesetzliche Aufbewahrungs- oder Nachweispflichten bestehen</li>
          <li>Art. 6 Abs. 1 lit. f DSGVO für Sicherheit, Fehleranalyse, Missbrauchsschutz und Server-Logs</li>
          <li>Art. 6 Abs. 1 lit. a DSGVO für optionale Funktionen, soweit eine Einwilligung erforderlich ist</li>
        </ul>
      </section>

      <section>
        <h2>Wird Google-Anmeldung verwendet?</h2>
        <p>
          Ja, optional. Nutzer können sich mit Google anmelden oder ein bestehendes
          Konto mit Google verknüpfen. Dabei werden nur die für die Anmeldung
          erforderlichen Profilinformationen verwendet. Das Google-Passwort wird
          nicht an TimeClock übermittelt oder gespeichert.
        </p>
      </section>

      <section>
        <h2>Wer erhält Daten?</h2>
        <p>
          Personenbezogene Daten werden nicht verkauft. Eine Weitergabe erfolgt nur,
          soweit sie für Betrieb, Authentifizierung, Hosting, E-Mail-Versand,
          Fehleranalyse oder gesetzliche Pflichten erforderlich ist. Eingesetzte
          Kategorien von Empfängern sind Hosting-/Serveranbieter, E-Mail-Dienstleister
          und Google als OAuth-Anbieter, wenn Google-Anmeldung genutzt wird.
        </p>
      </section>

      <section>
        <h2>Werden Daten in Drittländer übertragen?</h2>
        <p>
          Beim Einsatz von Google-Anmeldung kann eine Verarbeitung durch Google auch
          außerhalb der EU/des EWR stattfinden. Für den regulären Betrieb der
          TimeClock-Datenbank ist kein Verkauf oder keine werbliche Weitergabe von
          Nutzerdaten vorgesehen.
        </p>
      </section>

      <section>
        <h2>Wie lange werden Daten gespeichert?</h2>
        <p>
          Account-, Zeit- und Einstellungsdaten werden grundsätzlich gespeichert,
          solange der Account besteht. Nach Account-Löschung werden die aktiven
          Accountdaten, Anmeldedaten, Google-Verknüpfungen, Zeitbuchungen,
          Korrekturen, Urlaubs- und Krankmeldungen sowie persönliche Einstellungen
          gelöscht. Server-Logs und Backups können technisch bedingt für einen
          begrenzten Zeitraum weiterbestehen und werden im Rahmen der regulären
          Löschzyklen entfernt. Daten können länger aufbewahrt werden, wenn gesetzliche
          Pflichten oder die Geltendmachung, Ausübung oder Verteidigung von
          Rechtsansprüchen dies erfordern.
        </p>
      </section>

      <section>
        <h2>Wie kann der Account gelöscht werden?</h2>
        <p>
          Eingeloggte Nutzer können ihren Account in der Web-UI unter
          <strong>Persönliches</strong> löschen. Zusätzlich steht eine öffentliche
          Löschanfrage-Seite zur Verfügung:
          <router-link to="/account-loeschen">Account und Daten löschen</router-link>.
        </p>
      </section>

      <section>
        <h2>Welche Rechte haben Nutzer?</h2>
        <p>
          Nutzer können Auskunft, Berichtigung, Löschung, Einschränkung der
          Verarbeitung und Datenübertragbarkeit verlangen sowie einer Verarbeitung
          widersprechen. Außerdem besteht ein Beschwerderecht bei einer zuständigen
          Datenschutzaufsichtsbehörde. Anfragen können an
          <a href="mailto:kontakt@tsschulz.de">kontakt@tsschulz.de</a> gerichtet werden.
        </p>
      </section>

      <section>
        <h2>Wie werden Daten geschützt?</h2>
        <p>
          Die Übertragung erfolgt über HTTPS. Passwörter werden nicht im Klartext
          gespeichert. Zugriffstokens und OAuth-Verknüpfungen werden serverseitig
          verwaltet. Zugriffe werden auf das erforderliche Maß beschränkt.
        </p>
      </section>

      <section>
        <h2>Kann sich diese Erklärung ändern?</h2>
        <p>
          Ja. Diese Datenschutzerklärung kann angepasst werden, wenn sich Funktionen,
          technische Abläufe oder rechtliche Anforderungen ändern.
        </p>
      </section>
    </div>
  </div>
</template>

<script setup>
import AppBrand from '../components/AppBrand.vue'
</script>

<style scoped>
.legal-page {
  min-height: 100vh;
  background: #f7f7f7;
  padding: 32px 16px;
}

.legal-card {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  padding: 28px;
}

.legal-brand {
  margin-bottom: 20px;
}

h1 {
  margin: 0 0 6px;
  color: #222;
}

.updated {
  margin: 0 0 16px;
  color: #666;
}

.notice {
  padding: 10px 12px;
  border: 1px solid #f0ad4e;
  background: #fcf8e3;
  border-radius: 4px;
  color: #6f4e00;
}

section {
  margin-top: 24px;
}

h2 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #222;
}

p,
li {
  color: #333;
  line-height: 1.6;
}

ul {
  padding-left: 22px;
}

a {
  color: #2f8f3a;
}
</style>
