<script setup lang="ts">
const examStore = useExamStore();
const basicStore = useBasicStore();
const advancedStore = useAdvancedStore();
</script>

<template>
  <div class="flex flex-col gap-2 items-start m-2">
    <h1 class="text-2xl">{{ $t('anAnomalyHasOccured') }}</h1>
    <br />
    {{ $t('redirectFrom') }}: {{ useRoute().redirectedFrom ?? '""' }} <br />
    {{ $t('categoryWord') }}:
    {{ examStore.category != '' ? examStore.category : '""' }}
    <br />
    {{ $t('end') }}: {{ examStore.end }} <br />
    {{ $t('basicQuestions') }}:
    <code class="text-xs">{{ basicStore.basic }}</code>
    <br />
    {{ $t('advancedQuestions') }}:
    <code class="text-xs">{{ advancedStore.advanced }}</code> <br />
    <NuxtLink to="/" class="btn btn-primary">
      {{ $t('goBackToHomePage') }}
    </NuxtLink>
  </div>
</template>
