<script setup lang="ts">
import { useI18n } from 'vue-i18n'

const { t } = useI18n()
</script>

<template>
  <div
    class="min-h-screen bg-gradient-to-br from-primary-50 via-white to-primary-100 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900 py-12 px-4 sm:px-6 lg:px-8"
  >
    <div class="max-w-4xl mx-auto">
      <!-- Header -->
      <div class="text-center mb-12">
        <div class="inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-primary-500 text-white mb-4 shadow-lg shadow-primary-500/30">
          <UIcon name="i-heroicons-shield-check" class="w-8 h-8" />
        </div>
        <h1 class="text-3xl font-bold text-gray-900 dark:text-white">Polityka Prywatności</h1>
        <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Ostatnia aktualizacja: marzec 2026</p>
      </div>

      <!-- Content Card -->
      <UCard class="shadow-xl shadow-gray-200/50 dark:shadow-gray-900/50">
        <div class="prose prose-sm sm:prose dark:prose-invert max-w-none space-y-6">
          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">1. Wprowadzenie</h2>
            <p class="text-gray-600 dark:text-gray-400">
              W TimeTracker traktujemy Twoją prywatność poważnie. Niniejsza Polityka Prywatności wyjaśnia, jak gromadzimy, wykorzystujemy, udostępniamy i
              chronimy Twoje informacje podczas korzystania z naszej aplikacji.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">2. Informacje, które gromadzimy</h2>
            <p class="text-gray-600 dark:text-gray-400">Możemy gromadzić dane osobowe, które dobrowolnie nam podajesz, gdy:</p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 dark:text-gray-400 ml-4">
              <li>Rejestrujesz konto</li>
              <li>Korzystasz z funkcji śledzenia czasu</li>
              <li>Tworzysz lub zarządzasz projektami</li>
              <li>Generujesz raporty</li>
              <li>Kontaktujesz się z naszym zespołem wsparcia</li>
            </ul>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">3. Jak wykorzystujemy Twoje informacje</h2>
            <p class="text-gray-600 dark:text-gray-400">Wykorzystujemy zebrane informacje do:</p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 dark:text-gray-400 ml-4">
              <li>Świadczenia i utrzymywania naszych usług</li>
              <li>Śledzenia Twojego czasu i zarządzania projektami</li>
              <li>Ulepszania naszych usług i doświadczenia użytkownika</li>
              <li>Komunikowania się z Tobą w sprawach aktualizacji i wsparcia</li>
              <li>Wypełniania zobowiązań prawnych</li>
            </ul>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">4. Przechowywanie i bezpieczeństwo danych</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Twoje dane są bezpiecznie przechowywane z wykorzystaniem szyfrowania zgodnego ze standardami branżowymi. Implementujemy odpowiednie środki
              techniczne i organizacyjne w celu ochrony Twoich danych osobowych przed nieautoryzowanym dostępem, zmianą, ujawnieniem lub zniszczeniem.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">5. Udostępnianie danych</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Nie sprzedajemy, nie wymieniamy ani w inny sposób nie przekazujemy Twoich danych osobowych stronom trzecim. Możemy udostępniać informacje:
            </p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 dark:text-gray-400 ml-4">
              <li>Dostawcom usług wspierającym nasze działania</li>
              <li>Organom prawnym, gdy wymaga tego prawo</li>
              <li>Partnerom biznesowym za Twoją zgodą</li>
            </ul>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">6. Twoje prawa</h2>
            <p class="text-gray-600 dark:text-gray-400">Masz prawo do:</p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 dark:text-gray-400 ml-4">
              <li>Dostępu do swoich danych osobowych</li>
              <li>Korekty niedokładnych danych</li>
              <li>Żądania usunięcia swoich danych</li>
              <li>Eksportu danych w formacie przenośnym</li>
              <li>Rezygnacji z komunikacji marketingowej</li>
            </ul>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">7. Pliki cookies i technologie śledzenia</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Wykorzystujemy pliki cookies i podobne technologie śledzące, aby poprawić Twoje doświadczenie. Możesz kontrolować pliki cookies poprzez ustawienia
              przeglądarki.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">8. Prywatność dzieci</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Nasza usługa nie jest przeznaczona dla dzieci poniżej 13. roku życia. Świadomie nie gromadzimy danych osobowych od dzieci poniżej 13. roku życia.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">9. Zmiany w niniejszej polityce</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Możemy aktualizować niniejszą Politykę Prywatności od czasu do czasu. Powiadomimy Cię o wszelkich zmianach poprzez zamieszczenie nowej polityki na
              tej stronie i zaktualizowanie daty "Ostatnia aktualizacja".
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">10. Skontaktuj się z nami</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Jeśli masz jakiekolwiek pytania dotyczące niniejszej Polityki Prywatności, skontaktuj się z nami pod adresem privacy@timetracker.com.
            </p>
          </section>
        </div>

        <template #footer>
          <div class="flex justify-center"></div>
        </template>
      </UCard>
    </div>
  </div>
</template>
