{{define "page-content"}}
<div class="flex flex-col gap-4">
    <button class="btn" hx-get="/logout" hx-target="#page-content">Abmelden</button>

    {{if lt . 4}}
    <div class="mb-3">
        <h2>Artikel</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2">
            <button class="btn" hx-get="/article/write" hx-target="#page-content">Artikel schreiben</button>
            <button class="btn" hx-get="/article/all-rejected" hx-target="#page-content">Abgelehnte Artikel</button>
            {{if lt . 3}}<button class="btn" hx-get="/article/all-unpublished" hx-target="#page-content">
                Unveröffentlichte Artikel
            </button>{{end}}
            {{if lt . 2}}<button class="btn" hx-get="/article/all-published" hx-target="#page-content">
                Artikel löschen
            </button>{{end}}
            {{if lt . 3}}<button class="btn" hx-get="/tag/create" hx-target="#page-content">Neuer Tag</button>{{end}}
        </div>
    </div>
    {{end}}

    {{if lt . 2}}
    <div class="mb-3">
        <h2>Ausgabe</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2">
            <button class="btn" hx-get="/issue/this" hx-target="#page-content">Diese Ausgabe</button>
            <form class="flex" hx-encoding="multipart/form-data">
                <label class="btn text-center" for="pdf-upload">PDF hochladen</label>
                <input accept=".pdf" class="hidden" id="pdf-upload" name="pdf-upload" type="file"
                    hx-post="/pdf/upload" />
            </form>
        </div>
        {{end}}
    </div>

    {{if lt . 4}}
    <div class="mb-3">
        <h2>Benutzer</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2">
            <button class="btn" hx-get="/user/edit/self" hx-target="#page-content">Mein Profil bearbeiten</button>
            {{if eq . 0}}<button class="btn" hx-get="/user/create" hx-target="#page-content">
                Benutzer hinzufügen
            </button>{{end}}
            {{if eq . 0}}<button class="btn" hx-get="/user/show-all/edit" hx-target="#page-content">
                Benutzer bearbeiten
            </button>{{end}}
            {{if eq . 0}}<button class="btn" hx-get="/user/show-all/delete" hx-target="#page-content">
                Benutzer löschen
            </button>{{end}}
        </div>
    </div>
    {{end}}
</div>
{{end}}