<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">Zásady ochrany osobních údajů</h1>
        <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Poslední aktualizace: březen 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. Úvod</h2>
            <p class="text-gray-600 dark:text-gray-400">
              V TimeTracker bereme vaše soukromí vážně. Tyto Zásady ochrany osobních údajů vysvětlují, jak shromažďujeme, používáme, sdílíme a chráníme vaše
              informace při používání naší aplikace.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">2. Informace, které shromažďujeme</h2>
            <p class="text-gray-600 dark:text-gray-400">Můžeme shromažďovat osobní údaje, které nám dobrovolně poskytujete, když:</p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 dark:text-gray-400 ml-4">
              <li>Registrujete účet</li>
              <li>Používáte funkce sledování času</li>
              <li>Vytváříte nebo spravujete projekty</li>
              <li>Generujete reporty</li>
              <li>Kontaktujete naši podporu</li>
            </ul>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">3. Jak používáme vaše informace</h2>
            <p class="text-gray-600 dark:text-gray-400">Shromážděné informace používáme k:</p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 dark:text-gray-400 ml-4">
              <li>Poskytování a údržbě našich služeb</li>
              <li>Sledování vašeho času a správě projektů</li>
              <li>Zlepšování našich služeb a uživatelského zážitku</li>
              <li>Komunikaci s vámi ohledně aktualizací a podpory</li>
              <li>Plnění právních povinností</li>
            </ul>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">4. Ukládání a zabezpečení dat</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Vaše data jsou bezpečně ukládána pomocí šifrování podle průmyslových standardů. Implementujeme vhodná technická a organizační opatření na ochranu
              vašich osobních údajů před neoprávněným přístupem, změnou, zveřejněním nebo zničením.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">5. Sdílení dat</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Vaše osobní údaje neprodáváme, nevyměňujeme ani jinak nepřevádíme třetím stranám. Můžeme sdílet informace s:
            </p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 dark:text-gray-400 ml-4">
              <li>Poskytovateli služeb, kteří nám pomáhají</li>
              <li>Právními orgány, když to vyžaduje zákon</li>
              <li>Obchodními partnery s vaším souhlasem</li>
            </ul>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">6. Vaše práva</h2>
            <p class="text-gray-600 dark:text-gray-400">Máte právo na:</p>
            <ul class="list-disc list-inside space-y-2 text-gray-600 dark:text-gray-400 ml-4">
              <li>Přístup k vašim osobním údajům</li>
              <li>Opravu nepřesných údajů</li>
              <li>Žádost o smazání vašich údajů</li>
              <li>Export vašich dat v přenosném formátu</li>
              <li>Odhlášení z marketingových sdělení</li>
            </ul>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">7. Cookies a sledovací technologie</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Používáme cookies a podobné sledovací technologie pro zlepšení vašeho zážitku. Cookies můžete ovládat prostřednictvím nastavení prohlížeče.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">8. Soukromí dětí</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Naše služba není určena pro děti mladší 13 let. Vědomě neshromažďujeme osobní údaje od dětí mladších 13 let.
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">9. Změny těchto zásad</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Tyto Zásady ochrany osobních údajů můžeme čas od času aktualizovat. Jakékoli změny vám oznámíme zveřejněním nových zásad na této stránce a
              aktualizací data "Poslední aktualizace".
            </p>
          </section>

          <section>
            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">10. Kontaktujte nás</h2>
            <p class="text-gray-600 dark:text-gray-400">
              Máte-li jakékoli dotazy ohledně těchto Zásad ochrany osobních údajů, kontaktujte nás na adrese privacy@timetracker.com.
            </p>
          </section>
        </div>

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