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

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

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

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

    <h3>Artikel</h3>
    <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>

    <h3>Tags</h3>
    <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>

    <h3>Autoren</h3>
    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
        {{range .Authors}}
        <span>{{.FirstName}} {{.LastName}}</span>
        <br>
        {{end}}
    </div>

    <h3>Mitwirkende</h3>
    <div class="border border-slate-200 dark:border-slate-800 mb-3 px-2 py-2 rounded-md w-full">
        {{range .Contributors}}
        <span>{{.FirstName}} {{.LastName}}</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}}