{{define "page-content"}}
<h2>{{.ActionTitle}}</h2>

<div>
    <div class="w-full" id="article-banner-container">
        <img src="/image/serve/{{.BannerImage}}" alt="Banner Image">
    </div>

    <span>Titel</span>
    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
        {{.Article.Title}}
    </div>

    <span>Beschreibung</span>
    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
        {{.Article.Summary}}
    </div>

    <span>Artikel</span>
    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
        <div class="prose text-slate-900 dark:text-slate-100">
            {{.HTMLContent}}
        </div>
    </div>

    <span>Tags</span>
    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
        {{if .Article.IsInIssue}}
        <span>Orient Express</span>
        <br>
        {{end}}
        {{range .Tags}}
        <span>{{.Name}}</span>
        <br>
        {{end}}
    </div>

    {{if eq .Action "publish"}}
    <div class="btn-area-3">
        <input class="action-btn" type="submit" value="{{.ActionButton}}" hx-get="/article/{{.Action}}/{{.Article.ID}}"
            hx-target="#page-content" />
        <input class="btn" type="submit" value="Ablehnen" hx-get="/article/reject/{{.Article.ID}}"
            hx-target="#page-content" />
        <button class="btn" hx-get="/hub" hx-target="#page-content">Abbrechen</button>
    </div>
    {{else}}
    <div class="btn-area">
        <input class="action-btn" type="submit" value="{{.ActionButton}}" hx-get="/article/{{.Action}}/{{.Article.ID}}"
            hx-target="#page-content" />
        <button class="btn" hx-get="/hub" hx-target="#page-content">Abbrechen</button>
    </div>
    {{end}}
</div>
{{end}}