{{define "admin/article_audit_detail.html"}}
{{template "admin_shell_open" .}}
<div class="cs-admin-page cs-admin-page--narrow">
{{with index .Data "Article"}}
<header class="cs-admin-pagehead">
  <div class="d-flex align-items-start gap-3 flex-grow-1 min-w-0">
    <div class="cs-admin-pagehead__icon" aria-hidden="true"><i class="bx bx-detail"></i></div>
    <div class="cs-admin-pagehead__body">
      <h1 class="cs-admin-pagehead__title">{{T "admin.article_audit.detail_title"}}{{.Title}}</h1>
      <p class="cs-admin-pagehead__desc">{{T "admin.article_audit.author_pre"}}{{.Author}}</p>
    </div>
  </div>
  <div class="cs-admin-pagehead__links">
    <a class="btn btn-sm btn-outline-secondary" href="/admin/article/audit"><i class="bx bx-arrow-back me-1"></i>{{T "admin.article_audit.back"}}</a>
  </div>
</header>
<div class="card cs-admin-section mb-3"><div class="cs-admin-section__body">
  <div class="mb-3"><strong>{{T "admin.article_audit.summary"}}</strong><p class="mb-0">{{.Summary}}</p></div>
  <div class="mb-0"><strong>{{T "admin.article_audit.tags"}}</strong> {{range .Tags}}<span class="badge bg-secondary me-1">{{.Tag}}</span>{{end}}</div>
</div></div>
<div class="card cs-admin-section mb-4"><div class="cs-admin-section__body cs-article-preview">{{.ContentHTML}}</div></div>
<div class="cs-admin-savebar">
  <p class="cs-admin-savebar__hint mb-0"><i class="bx bx-info-circle" aria-hidden="true"></i> {{T "admin.article_audit.reject_hint"}}</p>
  <form method="post" class="d-flex flex-wrap gap-2 align-items-center mb-0">
    <button type="submit" name="action" value="approve" class="btn btn-success btn-sm">{{T "admin.article_audit.approve"}}</button>
    <input class="form-control form-control-sm" name="reject_reason" placeholder="{{T "admin.article_audit.reject_ph"}}" style="min-width:12rem">
    <button type="submit" name="action" value="reject" class="btn btn-danger btn-sm">{{T "admin.article_audit.reject"}}</button>
  </form>
</div>
{{end}}
</div>
{{template "admin_shell_close" .}}
{{end}}