<script lang="ts">
	import type { BedarfsausweisWohnen, VerbrauchsausweisGewerbe } from "@ibcornelsen/database/client";
	import { Buffer } from "buffer";
	import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "./Ausweis/types";

	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
	export let gebaeude: GebaeudeClient;

	let base64: string = "";
	$: {
		if (ausweis && gebaeude) {
			base64 = Buffer.from(JSON.stringify({...ausweis, gebaeude_stammdaten: gebaeude}), "utf-8").toString("base64");
		}
	}
</script>

<a class="border-2 rounded-lg w-[30%] bg-white text-center hover:shadow-md no-underline p-6 cursor-pointer" target="_blank" href="/pdf/datenblatt?base64={base64}">
	<img src="/images/datenblatt.webp" alt="Datenblatt" />
	<span class="text-black font-medium text-lg">Datenblatt</span>
</a>