From a2ce675e0f65edb7408c6a11e3b711868dc32b47 Mon Sep 17 00:00:00 2001
From: Reto Aebersold <aeby@substyle.ch>
Date: Fri, 10 Nov 2023 10:19:54 +0100
Subject: [PATCH] feat: onboarding course checkout

---
 .../pages/onboarding/vv/CheckoutComplete.vue  | 37 +++++++++++++++++++
 client/src/router/index.ts                    |  5 +++
 2 files changed, 42 insertions(+)
 create mode 100644 client/src/pages/onboarding/vv/CheckoutComplete.vue

diff --git a/client/src/pages/onboarding/vv/CheckoutComplete.vue b/client/src/pages/onboarding/vv/CheckoutComplete.vue
new file mode 100644
index 00000000..924c208e
--- /dev/null
+++ b/client/src/pages/onboarding/vv/CheckoutComplete.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { useUserStore } from "@/stores/user";
+
+const user = useUserStore();
+</script>
+
+<template>
+  <div class="flex flex-grow flex-col items-center gap-y-8 p-16">
+    <h1 class="my-10">Gratuliere!</h1>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="472"
+      height="259"
+      fill="none"
+      class="fill-none"
+    >
+      <path
+        stroke="#0A0A0A"
+        stroke-linejoin="round"
+        stroke-width="5.438"
+        d="M.926 107.515h20.61c48.224 0 70.888 10.673 95.319 22.664 11.679 5.738 24.948 10.319 20.652 13.487-4.296 3.168-1.781 8.307 10.17 4.976 5.152-1.441 19.21 8.81 19.21 8.81 3.222-6.268 10.102-11.298 20.421-13.868l-20.421-9.19c6.173-13.106-6.893-17.715-2.828-31.08 2.516-8.28 16.302-27.368 22.501-32.983 5.642-5.112 15.282-9.924 40.297-13.242 22.121-2.936 40.733-7.6 46.416-20.801 7.532-17.484-.15-31.202-16.424-32.548-15.308-1.278-26.905 12.889-24.567 28.034 2.339 15.146 22.99 23.697 30.468 31.936 12.331 13.569 13.256 35.118 18.218 37.769 4.962 2.651 14.248 4.976 24.187 7.953 9.938 2.978 14.003 8.13 13.024 14.126-.979 5.996-6.635 8.361-15.92 6.648-7.424-1.373-21.944-3.942-33.432-8.918-15.322-6.621-15.077-31.596-11.95-29.081 0 0-2.013 17.592-4.772 28.632-4.528 18.082-6.622 21.998-16.111 40.542-8.443 16.492-16.764 29.475-22.678 36.817-7.532 9.327-32.561 36.654-35.811 40.42-4.595 5.356 15.228 16.709-4.296 16.722-14.248.014-28.686-12.412-16.138-26.307 9.979-11.053 33.921-36.803 37.823-46.049 4.092-9.707 5.262-18.789 5.411-25.777.259-11.95-11.039-11.271-23.534 5.86l-11.488 17.334a6.887 6.887 0 0 1-8.837 2.352l-51.215-25.668c-2.637-1.319-3.779-4.5-2.529-7.165 4.895-10.455 11.298-20.135 21.114-29.584 2.271-2.189 5.697-2.665 8.511-1.251l15.798 7.899s9.504-9.693 17.566-8.619c9.326 1.25 14.37-3.25 18.68-9.545 4.31-6.294 13.541-20.406 17.144-21.834 3.603-1.428 17.511-3.984 17.511-3.984S203.5 117.97 205.091 137.33c1.659 20.339 48.618 30.264 51.051 41.086 2.298 10.224 1.224 46.946.993 54.424-.734 23.044 21.495 21.059 30.685 19.333 13.188-2.488-7.341-8.742-6.838-17.593.503-8.851 1.944-51.378 1.944-58.991 0-10.904-25.696-33.826-29.843-26.267-5.343 9.734 44.907 16.274 87.855 21.929 42.949 5.656 65.98 6.119 101.423 6.119h28.714"
+      />
+    </svg>
+    <p class="w-128 text-center">
+      Die Zahlung für den Lehrgang «Versicherungsvermittler/-in» wurde erfolgreich
+      ausgeführt.
+    </p>
+    <p class="w-128 text-center">
+      Wir haben per E-Mail eine Bestätigung an
+      <b>{{ user.email }}</b>
+      geschickt.
+    </p>
+    <router-link to="/" class="btn-blue flex items-center">
+      Mit dem Lehrgang starten
+    </router-link>
+  </div>
+</template>
diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index ea623ec7..1dabdf67 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -265,6 +265,11 @@ const router = createRouter({
           component: () => import("@/pages/onboarding/vv/CheckoutAddress.vue"),
           name: "checkoutAddress",
         },
+        {
+          path: "checkout/complete",
+          component: () => import("@/pages/onboarding/vv/CheckoutComplete.vue"),
+          name: "checkoutComplete",
+        },
       ],
     },
     {