---
import ThemeController from "../components/ThemeController.svelte";
import moment from "moment"

const lightTheme = Astro.cookies.get("theme")?.value === "light";
---

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>email</title>
</head>
<body class="p-8">
	<main class="prose border rounded-box flex flex-col items-center border-base-300">
		<div class="bg-base-200 h-auto w-full flex flex-col items-center gap-4 justify-start py-4 border-b border-base-300 rounded-t-box">
			<img src="/images/header/logo-big.svg" class="h-12 my-0">
		</div>
		<div class="bg-base-100 h-auto w-full flex flex-col items-center gap-4 justify-start py-16 px-8">
			<h2 class="my-0">Erinnerung vom IBCornelsen</h2>
			<p class="text-center">Bitte denken sie daran, die restlichen Bilder für ihr Gebäude hochzuladen. Die aktuelle Gesetzgebung erfordert dies, bevor ihr Ausweis ausgestellt werden kann.</p>
			<a class="btn btn-primary text-primary-content no-underline">Bilder Hochladen</a>
		</div>
		<div class="bg-base-200 h-auto w-full flex flex-col items-center gap-4 justify-start py-4 border-t border-base-300 rounded-b-box">
			<a class="text-base-content font-medium text-sm" href="https://online-energieausweis.org">© {moment().format("YYYY")} IB Cornelsen Hamburg</a>
		</div>
	</main>
	<ThemeController lightTheme={lightTheme}></ThemeController>
</body>
</html>