<script setup lang="ts">
const categories = [
  "A",
  "B",
  "C",
  "D",
  "T",
  "AM",
  "A1",
  "A2",
  "B1",
  "C1",
  "D1",
  "PT",
];

const examStore = useExamStore();

function setAndGo(category: string) {
  examStore.category = category;
  return navigateTo("/exam");
}
</script>

<template>
  <div class="text-3xl">
    <span>Test na prawo jazdy</span>
    <p>
      Witaj w teście na prawo jazdy, aby rozpocząć, naciśnij jeden z poniższych
      przycisków:
      <br />
    </p>
    <div class="flex flex-row flex-wrap gap-2">
      <button
        class="btn btn-xl btn-secondary"
        v-for="category in categories"
        @click="setAndGo(category)"
      >
        {{ category }}
      </button>
    </div>
  </div>
</template>
