<template>
  <div class="legal-page">
    <div class="legal-card">
      <AppBrand class="legal-brand" />
      <h1>Account und Daten löschen</h1>
      <p class="updated">Stand: 15.05.2026</p>

      <section>
        <h2>Wie kann ich meinen Account selbst löschen?</h2>
        <p>
          Melden Sie sich in der Web-UI an und öffnen Sie
          <router-link to="/settings/profile">Persönliches</router-link>.
          Dort befindet sich der Bereich <strong>Account löschen</strong>. Nach Eingabe
          von <strong>ACCOUNT LÖSCHEN</strong> und Bestätigung wird der Account dauerhaft
          gelöscht.
        </p>
      </section>

      <section>
        <h2>Kann ich die Löschung auch ohne App beantragen?</h2>
        <p>
          Ja. Senden Sie eine Löschanfrage per E-Mail an
          <a href="mailto:kontakt@tsschulz.de?subject=TimeClock%20Account%20loeschen">kontakt@tsschulz.de</a>.
          Bitte nennen Sie die E-Mail-Adresse des TimeClock-Accounts. Zur Vermeidung
          unberechtigter Löschungen kann eine Bestätigung der Account-Inhaberschaft
          erforderlich sein.
        </p>
      </section>

      <section>
        <h2>Welche Daten werden gelöscht?</h2>
        <p>
          Gelöscht werden Accountdaten, Anmeldedaten, Google-Verknüpfungen,
          Zeitbuchungen, Zeitkorrekturen, Urlaubs- und Krankmeldungen,
          Zeitwünsche, Wochenarbeitszeiten und persönliche Einstellungen.
        </p>
      </section>

      <section>
        <h2>Welche Daten können vorübergehend verbleiben?</h2>
        <p>
          Server-Logs und Backups können technisch bedingt bis zum Ablauf der
          regulären Löschzyklen weiterbestehen. Daten können außerdem aufbewahrt
          werden, soweit gesetzliche Pflichten oder die Geltendmachung, Ausübung
          oder Verteidigung von Rechtsansprüchen dies erfordern.
        </p>
      </section>

      <section>
        <h2>Wie lange dauert die Bearbeitung?</h2>
        <p>
          Eine Löschung über die Web-UI erfolgt unmittelbar. Löschanfragen per E-Mail
          werden ohne unangemessene Verzögerung bearbeitet. Nutzer erhalten eine
          Rückmeldung, falls weitere Informationen zur Identitätsprüfung erforderlich sind.
        </p>
      </section>

      <section>
        <h2>Wo finde ich die Datenschutzerklärung?</h2>
        <p>
          Die Datenschutzerklärung ist unter
          <router-link to="/datenschutz">https://stechuhr3.tsschulz.de/datenschutz</router-link>
          abrufbar.
        </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 24px;
  color: #666;
}

section {
  margin-top: 24px;
}

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

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

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