<template>
  <div class="min-h-screen flex flex-col items-center justify-center bg-gray-50 p-6">
    <div class="max-w-md w-full space-y-6 text-center">
      <div class="w-20 h-20 mx-auto rounded-full bg-green-100 flex items-center justify-center">
        <UIcon name="i-heroicons-check-badge" class="w-10 h-10 text-green-600" />
      </div>

      <div>
        <h1 class="text-2xl font-bold text-gray-900">Schutz aktiv!</h1>
        <p class="text-gray-600 mt-2">
          Dein iPhone ist jetzt mit ReBreak verbunden. Der Schutz wird im Hintergrund aufrecht erhalten.
        </p>
      </div>

      <UCard>
        <div class="space-y-3 text-left text-sm">
          <div class="flex items-center gap-2">
            <UIcon name="i-heroicons-shield-check" class="w-5 h-5 text-green-600" />
            <span>Supervision aktiv</span>
          </div>
          <div class="flex items-center gap-2">
            <UIcon name="i-heroicons-device-phone-mobile" class="w-5 h-5 text-green-600" />
            <span>ReBreak-App verwaltet</span>
          </div>
          <div class="flex items-center gap-2">
            <UIcon name="i-heroicons-lock-closed" class="w-5 h-5 text-green-600" />
            <span>Lock-Profil installiert</span>
          </div>
        </div>
      </UCard>

      <UButton to="/status" variant="solid" color="primary" size="lg" block>
        Zum Dashboard
      </UButton>
    </div>
  </div>
</template>
