<script setup lang="ts">
definePageMeta({
  middleware: 'guest',
  layout: false
})

const route = useRoute()
const redirectPath = route.query.redirect as string || '/'

const login = () => {
  // Hacer una navegación completa del navegador (no SPA) al endpoint de OAuth
  window.location.href = '/api/auth/authentik'
}
</script>

<template>
  <div class="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900">
    <UCard class="w-full max-w-md">
      <template #header>
        <h2 class="text-2xl font-bold text-center">
          Seguidor de Lotes
        </h2>
      </template>

      <div class="space-y-4">
        <p class="text-center text-gray-600 dark:text-gray-400">
          Inicia sesión para acceder a tu cuenta
        </p>

        <UButton
          block
          size="lg"
          color="primary"
          @click="login"
        >
          Iniciar Sesión con Authentik
        </UButton>

        <div class="text-xs text-center text-gray-500 dark:text-gray-400">
          Al iniciar sesión, aceptas nuestros términos de servicio
        </div>
      </div>
    </UCard>
  </div>
</template>
