{{define "page-content"}}
<div class="flex flex-col gap-4">
    <div class="mb-3">
        <h2>Autor</h2>
        <div class="grid grid-cols-2 gap-x-4 gap-y-2">
            <button class="btn" hx-get="/write-article/" hx-target="#page-content">Artikel schreiben</button>
            <button class="btn" hx-get="/rejected-articles/" hx-target="#page-content">Abgelehnte Artikel</button>
            <button class="btn" hx-get="/rss/" hx-target="#page-content">RSS Feed</button>
            <button class="btn" hx-get="/edit-user/" hx-target="#page-content">Benutzer bearbeiten</button>
        </div>
    </div>
    {{if lt . 3}}
    <div class="mb-3">
        <h2>Redakteur</h2>
        <div class="grid grid-cols-2 gap-4">
            <button class="btn" hx-get="/unpublished-articles/" hx-target="#page-content">
                Unveröffentlichte Artikel
            </button>
            <button class="btn" hx-get="/create-tag/" hx-target="#page-content">Neuer Tag</button>
        </div>
    </div>
    {{end}}
    {{if lt . 2}}
    <div class="mb-3">
        <h2>Herausgeber</h2>
        <div class="grid grid-cols-2 gap-4">
            <button class="btn" hx-get="/this-issue/" hx-target="#page-content">Diese Ausgabe</button>
        </div>
    </div>
    {{end}}
    {{if eq . 0}}
    <div class="mb-3">
        <h2>Administrator</h2>
        <div class="grid grid-cols-2 gap-4">
            <button class="btn" hx-get="/create-user/" hx-target="#page-content">Benutzer hinzufügen</button>
        </div>
    </div>
    {{end}}
</div>
{{end}}