<script setup lang="ts">
import { useUserStore } from "@/stores/user";
import * as log from "loglevel";

log.debug("CockpitView created");

const userStore = useUserStore();
</script>

<template>
  <main class="px-8 py-8 lg:px-12 lg:py-12 bg-gray-200">
    <h1 data-cy="welcome-message">Willkommen, {{ userStore.first_name }}</h1>

    <h2 class="mt-12">Deine Kurse</h2>

    <div class="mt-8 p-8 break-words bg-white max-w-xl">
      <h3>Versicherungsvermittler/in</h3>
      <div class="mt-4">
        <router-link class="btn-blue" to="/learn/versicherungsvermittlerin-lp">
          Weiter geht's
        </router-link>
      </div>
    </div>
  </main>
</template>

<style scoped></style>
