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

    {{if lt .Role 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>
            <form class="flex" hx-encoding="multipart/form-data">
                <label class="btn text-center" for="docx-upload">Word-Dokument hochladen</label>
                <input accept=".docx" class="hidden" id="docx-upload" name="docx-upload" type="file"
                    hx-post="/docx/upload" />
            </form>
            <button class="btn" hx-get="/article/all-rejected" hx-target="#page-content">Artikel bearbeiten</button>
            {{if lt .Role 3}}<button class="btn" hx-get="/article/all-unpublished-unrejected-and-published-rejected"
                hx-target="#page-content">Artikel veröffentlichen</button>{{end}}
            {{if lt .Role 2}}<button class="btn" hx-get="/article/all-published/delete"
                hx-target="#page-content">Artikel löschen</button>{{end}}
            {{if lt .Role 2}}<button class="btn" hx-get="/article/all-published/review-edit"
                hx-target="#page-content">Artikel bearbeiten lassen</button>{{end}}
            {{if lt .Role 3}}<button class="btn" hx-get="/tag/create" hx-target="#page-content">Neuer
                Tag</button>{{end}}
        </div>
    </div>
    {{end}}

    {{if lt .Role 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 .Role 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 .Role 0}}<button class="btn" hx-get="/user/create" hx-target="#page-content">Benutzer
                hinzufügen</button>{{end}}
            {{if eq .Role 0}}<button class="btn" hx-get="/user/show-all/edit" hx-target="#page-content">Benutzer
                bearbeiten</button>{{end}}
            {{if eq .Role 0}}<button class="btn" hx-get="/user/show-all/delete" hx-target="#page-content">Benutzer
                löschen</button>{{end}}
        </div>
    </div>
    {{end}}
</div>
{{end}}