<script>
    import Counter from "../components/Counter.svelte";
    import data from "../lib/data.svelte";
</script>

<main class="flex align-middle h-svh">
    <div class="rounded-4xl m-auto p-5 flex flex-col bg-gray-800">
        <h2 class="text-center text-5xl">You have completed the demo</h2>
        <hr class="my-5">
        <h5 class="text-2xl">Sadly the rest of the stages ahd to be taken out of the demo due to time constrains. Hope you enjoyed!</h5>
        <div class="mt-7 flex flex-col mx-auto scale-125">
            <Counter title="Wojteks" count={data.savedata.wojteks.toString()} />
            <Counter title="Money" count={data.savedata.money + "zł"} />
            <Counter title="Time" count={data.savedata.time + " seconds (ticks)"} />
        </div>
        <div class="m-auto mt-10">
            <button class="rounded-2xl text-xl bg-red-600 p-1 hover:scale-110">Wipe save</button>
        </div>
        <p>everything took about 3 hours to make</p>
        <p>PS: The leftovers from the rest are in the <a class="text-sky-300" href="https://hazzy.nonamesoft.xyz/ghostfox/youcomp-sim">source code</a></p>
    </div>
</main>