---

import NavbarLayout from "../layouts/NavbarLayout.astro";
import localBau from "../images/2023-10-08_20.43.43.png";
import { Image } from "astro:assets";
import Dashboard from "../components/Dashboard.svelte";
---

<NavbarLayout title="Dashboard">
    <div>
        <Image src={localBau} alt="Bau" width="1920" height="1080" class="w-screen h-screen dark:brightness-75 fixed -z-10 object-cover" draggable="false" />
        <div class="mx-auto bg-gray-100 p-8 rounded-b-md shadow-md pt-40 sm:pt-28 md:pt-14
            dark:text-white dark:bg-neutral-900" style="width: min(100vw, 75em)">
            <script>
                import {AES} from "crypto-js";
                import {l} from "../util/util";
                if (AES.decrypt(localStorage.getItem("sw-session") ?? "", import.meta.env.PUBLIC_SECRET)?.toString() === "") {
                    window.location.href = l("/login");
                }
            </script>
            <Dashboard client:only="svelte" />
        </div>
    </div>
</NavbarLayout>