<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-document-text" class="w-8 h-8" />
        </div>
        <h1 class="text-3xl font-bold text-gray-900 dark:text-white">Regulamin</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. Akceptacja Regulaminu</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Korzystając z aplikacji TimeTracker, akceptujesz i zgadzasz się na przestrzeganie warunków i postanowień niniejszej umowy.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">2. Opis Usługi</h2>
            <p class="text-gray-600 dark:text-gray-400">
              TimeTracker to aplikacja do śledzenia czasu pracy, która umożliwia użytkownikom śledzenie godzin pracy, zarządzanie projektami oraz generowanie
              raportów.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">3. Obowiązki Użytkownika</h2>
            <p class="text-gray-600 dark:text-gray-400">Zgadzasz się na:</p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 dark:text-gray-400 ml-4">
              <li>Podawanie dokładnych i kompletnych informacji</li>
              <li>Utrzymywanie bezpieczeństwa swojego konta</li>
              <li>Nieudostępnianie danych logowania innym osobom</li>
              <li>Korzystanie z usługi zgodnie z obowiązującymi przepisami prawa</li>
            </ul>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">4. Prywatność i Ochrona Danych</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Jesteśmy zobowiązani do ochrony Twojej prywatności. Twoje dane osobowe będą przetwarzane zgodnie z naszą Polityką Prywatności oraz obowiązującymi
              przepisami o ochronie danych.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">5. Własność Intelektualna</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Usługa TimeTracker oraz wszystkie jej treści, w tym między innymi teksty, grafika, logo i oprogramowanie, stanowią własność TimeTracker i są
              chronione przepisami o własności intelektualnej.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">6. Ograniczenie Odpowiedzialności</h2>
            <p class="text-gray-600 dark:text-gray-400">
              TimeTracker nie ponosi odpowiedzialności za jakiekolwiek pośrednie, przypadkowe, specjalne, następcze lub karne szkody wynikające z korzystania
              lub niemożności korzystania z usługi.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">7. Rozwiązanie Umowy</h2>
            <p class="text-gray-600 dark:text-gray-400">
              zastrzegamy sobie prawo do rozwiązania lub zawieszenia Twojego konta w dowolnym momencie, bez wcześniejszego powiadomienia, za zachowanie, które
              narusza niniejszy Regulamin lub jest szkodliwe dla innych użytkowników lub usługi.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">8. Zmiany w Regulaminie</h2>
            <p class="text-gray-600 dark:text-gray-400">
              zastrzegamy sobie prawo do modyfikacji niniejszego Regulaminu w dowolnym momencie. Dalsze korzystanie z TimeTracker po wprowadzeniu zmian oznacza
              akceptację nowych warunków.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">9. Informacje Kontaktowe</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Jeśli masz jakiekolwiek pytania dotyczące niniejszego Regulaminu, skontaktuj się z nami pod adresem support@timetracker.com.
            </p>
          </section>
        </div>

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