{{define "page-content"}}
<h2>Artikel veröffentlichen</h2>

<div>
    <span>Titel</span>
    <div class="bg-white border mb-3 px-2 py-2 rounded-md w-full">
        {{.Article.Title}}
    </div>

    <span>Beschreibung</span>
    <div class="bg-white border mb-3 px-2 py-2 rounded-md w-full">
        {{.Article.Description}}
    </div>

    <span>Artikel</span>
    <div class="bg-white border mb-3 px-2 py-2 rounded-md w-full">
        <div class="prose">
            {{.Content}}
        </div>
    </div>

    <span>Tags</span>
    <div class="bg-white border 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>

    <div class="btn-area">
        <input class="action-btn" type="submit" value="Veröffentlichen" hx-get="/article/publish/{{.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">Zurück</button>
    </div>
</div>
{{end}}