<template>
  <v-app>
    <v-main>
      <v-container class="fill-height">
        <v-row align="center" justify="center">
          <v-col cols="12" sm="8" md="4">
            <v-card class="pa-6">
              <v-card-text class="text-center">
                <v-progress-circular
                  indeterminate
                  color="primary"
                  size="64"
                  class="mb-4"
                />
                <h2 class="text-h5 mb-2">Authenticating...</h2>
                <p class="text-body-2 text-medium-emphasis">
                  Please wait while we complete your login.
                </p>
              </v-card-text>
            </v-card>
          </v-col>
        </v-row>
      </v-container>
    </v-main>
  </v-app>
</template>

<script setup lang="ts">
// This page handles the OAuth callback from Keycloak
// The nuxt-openid-connect module will automatically process the callback
// and redirect to the originally requested page or default redirect

definePageMeta({
  auth: false, // This page should be accessible without authentication
  layout: false // Use minimal layout for callback page
});

// The OIDC module handles the callback automatically
// If you need custom logic after successful authentication, you can add it here
onMounted(() => {
  // Optional: Add any custom post-authentication logic here
  console.log('OAuth callback page mounted');
});
</script>
