From 5289273fc25c30cf1456585edb2a9fd3cd45f9e6 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Mon, 7 Apr 2025 11:06:17 +0200
Subject: [PATCH] Popup

---
 src/astro-typesafe-api-caller.ts              | 10 ++-
 .../InfoPopupBedarfsausweisWohnen.svelte      | 65 +++++++++++++++++++
 src/lib/constants.ts                          |  8 +--
 .../BedarfsausweisWohnenModule.svelte         |  3 +
 4 files changed, 76 insertions(+), 10 deletions(-)
 create mode 100644 src/components/design/content/InfoPopupBedarfsausweisWohnen.svelte

diff --git a/src/astro-typesafe-api-caller.ts b/src/astro-typesafe-api-caller.ts
index 0b6a334f..8f596159 100644
--- a/src/astro-typesafe-api-caller.ts
+++ b/src/astro-typesafe-api-caller.ts
@@ -12,17 +12,15 @@ export const createCaller = createCallerFactory({
     "admin/post-ausstellen": await import("../src/pages/api/admin/post-ausstellen.ts"),
     "admin/registriernummer": await import("../src/pages/api/admin/registriernummer.ts"),
     "admin/stornieren": await import("../src/pages/api/admin/stornieren.ts"),
-    "ausweise": await import("../src/pages/api/ausweise/index.ts"),
     "aufnahme": await import("../src/pages/api/aufnahme/index.ts"),
+    "ausweise": await import("../src/pages/api/ausweise/index.ts"),
+    "bedarfsausweis-gewerbe/[id]": await import("../src/pages/api/bedarfsausweis-gewerbe/[id].ts"),
+    "bedarfsausweis-gewerbe": await import("../src/pages/api/bedarfsausweis-gewerbe/index.ts"),
     "auth/access-token": await import("../src/pages/api/auth/access-token.ts"),
     "auth/passwort-vergessen": await import("../src/pages/api/auth/passwort-vergessen.ts"),
     "auth/refresh-token": await import("../src/pages/api/auth/refresh-token.ts"),
-    "bedarfsausweis-gewerbe/[id]": await import("../src/pages/api/bedarfsausweis-gewerbe/[id].ts"),
-    "bedarfsausweis-gewerbe": await import("../src/pages/api/bedarfsausweis-gewerbe/index.ts"),
     "bedarfsausweis-wohnen/[id]": await import("../src/pages/api/bedarfsausweis-wohnen/[id].ts"),
     "bedarfsausweis-wohnen": await import("../src/pages/api/bedarfsausweis-wohnen/index.ts"),
-    "bedarfsausweis-gewerbe/[id]": await import("../src/pages/api/bedarfsausweis-gewerbe/[id].ts"),
-    "bedarfsausweis-gewerbe": await import("../src/pages/api/bedarfsausweis-gewerbe/index.ts"),
     "bilder/[id]": await import("../src/pages/api/bilder/[id].ts"),
     "geg-nachweis-gewerbe/[id]": await import("../src/pages/api/geg-nachweis-gewerbe/[id].ts"),
     "geg-nachweis-gewerbe": await import("../src/pages/api/geg-nachweis-gewerbe/index.ts"),
@@ -37,9 +35,9 @@ export const createCaller = createCallerFactory({
     "user/self": await import("../src/pages/api/user/self.ts"),
     "verbrauchsausweis-gewerbe/[id]": await import("../src/pages/api/verbrauchsausweis-gewerbe/[id].ts"),
     "verbrauchsausweis-gewerbe": await import("../src/pages/api/verbrauchsausweis-gewerbe/index.ts"),
+    "webhooks/mollie": await import("../src/pages/api/webhooks/mollie.ts"),
     "verbrauchsausweis-wohnen/[id]": await import("../src/pages/api/verbrauchsausweis-wohnen/[id].ts"),
     "verbrauchsausweis-wohnen": await import("../src/pages/api/verbrauchsausweis-wohnen/index.ts"),
-    "webhooks/mollie": await import("../src/pages/api/webhooks/mollie.ts"),
     "aufnahme/[id]/bilder": await import("../src/pages/api/aufnahme/[id]/bilder.ts"),
     "aufnahme/[id]": await import("../src/pages/api/aufnahme/[id]/index.ts"),
     "aufnahme/[id]/unterlagen": await import("../src/pages/api/aufnahme/[id]/unterlagen.ts"),
diff --git a/src/components/design/content/InfoPopupBedarfsausweisWohnen.svelte b/src/components/design/content/InfoPopupBedarfsausweisWohnen.svelte
new file mode 100644
index 00000000..a18d0acb
--- /dev/null
+++ b/src/components/design/content/InfoPopupBedarfsausweisWohnen.svelte
@@ -0,0 +1,65 @@
+<script lang="ts">
+	import Cookies from "js-cookie";
+	import moment from "moment";
+
+	let showPopup = Cookies.get("seen-bw-info-popup") !== "1";
+
+	function closePopup() {
+		showPopup = false;
+		Cookies.set("seen-bw-info-popup", "1", {
+			domain: `.${window.location.hostname}`,
+			path: "/",
+			expires: moment().add(3, "days").toDate()
+		})
+	}
+
+	$: {
+		if (showPopup) {
+			document.body.style.overflow = "hidden"
+		} else {
+			document.body.style.overflow = "auto"
+		}
+	}
+</script>
+
+{#if showPopup}
+<div class="fixed w-full z-50 h-full inset-0 bg-black bg-opacity-50 flex justify-center items-center">
+	<div
+		class="w-3/4 bg-white p-4 rounded-lg shadow-lg relative"
+		on:keydown|stopPropagation
+		on:keyup|stopPropagation
+		on:keypress|stopPropagation
+	>
+		<button class="absolute top-3 right-3 bg-secondary text-white rounded-full p-2 cursor-pointer" on:click={closePopup}>X</button>
+		<div class="top-6 left-8 text-3xl font-bold mb-2">Bedarfsausweis Wohnen 145€ - nur für kurze Zeit</div>
+		<div class="popup-body">
+			<p>
+                Wir überarbeiten momentan die Berechnungsmethodik für den Bedarfsausweis. Bis die neue Berechnung implementiert ist, 
+                bieten wir Ihnen den Bedarfsausweis für 145€ (Standardgebäude) an. Der Preis gilt nur für kurze Zeit und wird danach wieder angehoben 
+                bzw. die <b>günstige online Variante steht dann wieder für 95 € zur Verfügung.</b>
+
+                Bei komplexen Grundrissen oder größeren Objekten kann es sein, dass wir den Preis anpassen müssen.
+			</p>
+			
+		</div>
+	</div>
+</div>
+{/if}
+
+<style lang="scss">
+	.popup-body {
+		font-size: 1rem;
+		line-height: 1.5;
+		margin-bottom: 1rem;
+	}
+
+	.popup-list {
+		list-style-type: disc;
+		margin-left: 1.5rem;
+		padding-left: 0.5rem;
+	}
+
+	.popup-list li {
+		margin-bottom: 0.5rem;
+	}
+</style>
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index df214fa8..48b23008 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -31,11 +31,11 @@ export const PRICES: Record<Enums.Ausweisart, Record<Enums.AusweisTyp, number>>
 	// per E-Mail , inkl.Beratung, offline
 
 	BedarfsausweisWohnen: {
-		[Enums.AusweisTyp.Standard]: 95,
-		[Enums.AusweisTyp.Beratung]: 125,
+		[Enums.AusweisTyp.Standard]: 145,
+		[Enums.AusweisTyp.Beratung]: 175,
 		[Enums.AusweisTyp.Offline]: 295,
-		[Enums.AusweisTyp.standardXL]: 120,
-		[Enums.AusweisTyp.BeratungXL]: 150,
+		[Enums.AusweisTyp.standardXL]: 170,
+		[Enums.AusweisTyp.BeratungXL]: 200,
 		[Enums.AusweisTyp.OfflineXL]: 320,
 	},
 	VerbrauchsausweisWohnen: {
diff --git a/src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte b/src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte
index f56ac184..2a1202fd 100644
--- a/src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte
+++ b/src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte
@@ -15,6 +15,7 @@
 	import SanierungszustandFensterTueren from "#components/Ausweis/SanierungszustandFensterTueren.svelte";
 	import SanierungszustandWaermedammung from "#components/Ausweis/SanierungszustandWaermedammung.svelte";
 	import AusweisPreviewContainer from "#components/Ausweis/AusweisPreviewContainer.svelte";
+	import InfoPopupBedarfsausweisWohnen from "#components/design/content/InfoPopupBedarfsausweisWohnen.svelte";
 
 	import moment from "moment";
 	import { Benutzer, Enums, Unterlage } from "#lib/client/prisma.js";
@@ -281,3 +282,5 @@
 		{skala}
 	></ButtonWeiterHilfe>
 </form>
+
+<InfoPopupBedarfsausweisWohnen/>
\ No newline at end of file