---
import {getCollection} from "astro:content";
import {astroI18n} from "astro-i18n";

import {l} from "../../util/util";
import PageLayout from "../../layouts/PageLayout.astro";
let posts = await getCollection("help", entry => entry.id.split("/")[0] === astroI18n.locale);
---

<PageLayout title="Helpcenter">
    <div>
        <h1>Helpcenter</h1>
        <h1 class="text-red-700 text-4xl">WIP!</h1>
        {posts.map(value => (
            <a href={l("/help/" + value.slug)}>
                <h2>{value.data.title}</h2>
            </a>
        ))}
    </div>
</PageLayout>

<style>
    div {
        @apply mx-auto bg-gray-100 px-4 py-8 rounded-b-md shadow-md pt-40 sm:pt-28 md:pt-14
            dark:text-white dark:bg-neutral-900;
    }
</style>