{{define "admin/audit_detail.html"}}
{{template "admin_shell_open" .}}
<div class="cs-admin-page cs-admin-page--narrow">
{{if .Data.Flash}}
<div class="alert alert-warning alert-dismissible fade show mb-3"><button type="button" class="btn-close" data-bs-dismiss="alert"></button>{{.Data.Flash}}</div>{{end}}

{{$it := .Data.Item}}
<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">{{index $it "title"}}</h1>
      <p class="cs-admin-pagehead__desc">ID {{index $it "id"}} · {{T "admin.audit_detail.ver"}} {{index $it "version"}}</p>
    </div>
  </div>
  <div class="cs-admin-pagehead__links">
    <a class="btn btn-sm btn-outline-secondary" href="/admin/audit"><i class="bx bx-arrow-back me-1"></i>{{T "admin.audit_detail.back"}}</a>
  </div>
</header>

{{template "admin_audit_detail_inner" .}}
</div>
{{template "admin_shell_close" .}}
{{end}}

{{define "admin/audit_detail_embed.html"}}
{{template "admin_audit_detail_inner" .}}
{{end}}

{{define "admin_audit_detail_inner"}}
{{$it := .Data.Item}}
{{if ne (asInt (index $it "status")) 2}}
<div class="mb-3 d-flex flex-wrap gap-2">
  <a class="btn btn-sm btn-outline-primary" href="{{itemSoftPath (index $it "id")}}" target="_blank" rel="noopener"><i class="bx bx-show me-1"></i>{{T "item_admin_preview_menu"}}</a>
</div>
{{end}}
{{if index $it "reject_reason"}}
<div class="alert alert-danger small"><strong>{{T "admin.audit_detail.reject_reason"}}</strong> {{index $it "reject_reason"}}</div>
{{end}}

<div class="row g-3">
  <div class="col-xl-8">
    <div class="card cs-admin-section mb-3"><div class="cs-admin-section__head"><h2 class="cs-admin-section__head-title mb-0">{{T "admin.audit_detail.basic"}}</h2></div><div class="cs-admin-section__body row g-3 small">
      <div class="col-md-6"><div class="text-muted">{{T "admin.audit_detail.type"}}</div><div>{{if eq (asInt (index $it "item_type")) 1}}{{T "admin.audit_detail.type_src"}}{{else}}{{T "admin.audit_detail.type_soft"}}{{end}}</div></div>
      <div class="col-md-6"><div class="text-muted">{{T "admin.audit_detail.author"}}</div><div>{{with index $it "author"}}{{.}}{{else}}—{{end}}</div></div>
      <div class="col-md-6"><div class="text-muted">{{T "admin.audit_detail.lang"}}</div><div>{{.Data.MainLangName}}</div></div>
      <div class="col-md-6"><div class="text-muted">OS</div><div>{{if .Data.osName}}{{.Data.osName}}{{else}}—{{end}}</div></div>
      <div class="col-md-6"><div class="text-muted">{{T "admin.audit_detail.cats"}}</div><div>{{range $i, $c := .Data.Categories}}{{if $i}}, {{end}}{{index $c "name_zh"}}{{end}}{{if not .Data.Categories}}—{{end}}</div></div>
      <div class="col-md-6"><div class="text-muted">{{T "admin.audit_detail.dbs"}}</div><div>{{range $i, $d := .Data.Databases}}{{if $i}}, {{end}}{{index $d "name_zh"}}{{end}}{{if not .Data.Databases}}—{{end}}</div></div>
      <div class="col-12"><div class="text-muted">{{T "admin.audit_detail.intro"}}</div><div class="border rounded p-2 bg-light">{{with index $it "intro"}}{{.}}{{else}}—{{end}}</div></div>
    </div></div>

    {{if .Data.DetailHTML}}
    <div class="card cs-admin-section mb-3"><div class="cs-admin-section__head"><h2 class="cs-admin-section__head-title mb-0">{{T "admin.audit_detail.detail"}}</h2></div><div class="cs-admin-section__body border-top-0 pt-3"><div class="cs-markdown-body admin-audit-md">{{.Data.DetailHTML}}</div></div></div>
    {{end}}

    <div class="card cs-admin-section"><div class="cs-admin-section__head"><h2 class="cs-admin-section__head-title mb-0">{{T "admin.audit_detail.release"}}</h2></div><div class="cs-admin-section__body small"><pre class="mb-0 small bg-light p-2 rounded">{{with index $it "release_log"}}{{.}}{{else}}—{{end}}</pre></div></div>
  </div>

  <div class="col-xl-4">
    <div class="card cs-admin-section mb-3"><div class="cs-admin-section__head"><h2 class="cs-admin-section__head-title mb-0">{{T "admin.audit_detail.submitter"}}</h2></div><div class="cs-admin-section__body small">
      {{$su := .Data.Submitter}}
      {{if $su}}<button type="button" class="btn btn-link btn-sm p-0 align-baseline js-admin-user-preview" data-user-id="{{index $su "id"}}" title="{{T "admin.audit_detail.view_user"}}">{{index $su "username"}}{{with index $su "nickname"}}（{{.}}）{{end}}</button>{{else}}—{{end}}
      <div class="text-muted mt-2">{{T "admin.audit_detail.created"}} {{unixTime (index $it "created_at")}}</div>
      <div class="text-muted">{{T "admin.audit_detail.status"}} 
        {{$st := asInt (index $it "status")}}{{if eq $st 1}}<span class="badge bg-warning text-dark">{{T "admin.audit_detail.st_pending"}}</span>{{else if eq $st 2}}<span class="badge bg-success">{{T "admin.audit_detail.st_pub"}}</span>{{else if eq $st 3}}<span class="badge bg-danger">{{T "admin.audit_detail.st_reject"}}</span>{{else if eq $st 4}}<span class="badge bg-dark">{{T "admin.audit_detail.st_off"}}</span>{{else}}<span class="badge bg-secondary">{{T "admin.audit_detail.st_draft"}}</span>{{end}}
      </div>
    </div></div>

    <div class="card cs-admin-section mb-3"><div class="cs-admin-section__head"><h2 class="cs-admin-section__head-title mb-0">{{T "admin.audit_detail.links"}}</h2></div><div class="cs-admin-section__body small">
      <div class="mb-2"><span class="text-muted d-block mb-1">{{T "admin.audit_detail.download"}}</span>
        {{if .Data.DownloadRows}}
        {{range .Data.DownloadRows}}
        <div class="border rounded p-2 mb-2 bg-light">
          {{if .ButtonLabel}}<div class="small text-muted mb-1">{{T "admin.audit_detail.btn_label"}} <span class="text-body">{{.ButtonLabel}}</span></div>{{end}}
          {{if gt (asInt .FileID) 0}}
          <div class="d-flex flex-wrap align-items-center gap-2">
            <span class="text-break"><i class="bx bx-archive-in text-primary"></i> {{.FileName}}{{if .FileSizeHuman}} <span class="badge bg-secondary">{{.FileSizeHuman}}</span>{{end}}</span>
            {{if .FileReady}}
            <a class="btn btn-sm btn-primary" href="{{.DownloadHref}}" target="_blank" rel="noopener"><i class="bx bx-download me-1"></i>{{T "admin.audit_detail.dl_audit"}}</a>
            {{else}}
            <span class="badge bg-warning text-dark">{{T "admin.audit_detail.processing"}}{{if .FileStatus}}（{{.FileStatus}}）{{end}}</span>
            {{end}}
          </div>
          {{end}}
          {{if .MirrorURL}}
          <div class="text-break mt-1"><a href="{{.MirrorURL}}" target="_blank" rel="noopener">{{.MirrorURL}}</a></div>
          {{else}}
          {{if not (gt (asInt .FileID) 0)}}<span class="text-muted">—</span>{{end}}
          {{end}}
        </div>
        {{end}}
        {{else}}—{{end}}
      </div>
      <div class="mb-1"><span class="text-muted">{{T "admin.audit_detail.related"}}</span><br>
        {{$ru := index $it "related_url"}}{{if $ru}}<a href="{{$ru}}" target="_blank" rel="noopener">{{$ru}}</a>{{else}}—{{end}}
      </div>
      <div><span class="text-muted">{{T "admin.audit_detail.demo"}}</span><br>
        {{$demo := index $it "demo_url"}}{{if $demo}}<a href="{{$demo}}" target="_blank" rel="noopener">{{$demo}}</a>{{else}}—{{end}}
      </div>
    </div></div>

    <div class="card cs-admin-section mb-3"><div class="cs-admin-section__head"><h2 class="cs-admin-section__head-title mb-0">{{T "admin.audit_detail.shots"}}</h2></div><div class="cs-admin-section__body">
      <div class="row g-2">{{range .Data.Screenshots}}
        <div class="col-6"><div class="ratio ratio-4x3 border rounded overflow-hidden bg-light">
          {{$u := index . "public_url"}}{{if $u}}<img src="{{$u}}" class="object-fit-contain w-100 h-100" alt="">{{else}}<div class="d-flex align-items-center justify-content-center small text-muted">—</div>{{end}}
        </div></div>
      {{else}}<div class="text-muted small">—</div>{{end}}</div>
    </div></div>

    {{if eq (asInt (index $it "status")) 1}}
    <div class="card cs-admin-section border-danger mb-3">
      <div class="card-header bg-danger text-white fw-semibold">{{T "admin.audit_detail.quick"}}</div>
      <div class="card-body d-flex flex-wrap gap-2">
        <form method="post" action="/admin/audit/{{index $it "id"}}" class="cs-admin-ajax-form mb-0" data-cs-confirm="{{T "admin.audit_detail.approve_confirm"}}" data-cs-reload="1"><input type="hidden" name="action" value="approve">
          <button type="submit" class="btn btn-success btn-sm">{{T "admin.audit_detail.approve"}}</button>
        </form>
      </div>
    </div>
    <div class="card cs-admin-section border-danger">
      <div class="card-header bg-danger text-white fw-semibold">{{T "admin.audit_detail.reject_card"}}</div>
      <div class="card-body">
        <form method="post" action="/admin/audit/{{index $it "id"}}" class="small cs-admin-ajax-form" data-cs-reload="1">
          <input type="hidden" name="action" value="reject">
          <label class="form-label">{{T "admin.audit_detail.reject_label"}}</label>
          <textarea class="form-control form-control-sm mb-2" name="reject_reason" rows="3" required placeholder="{{T "admin.audit_detail.reject_ph"}}"></textarea>
          <button type="submit" class="btn btn-outline-danger btn-sm">{{T "admin.audit_detail.reject_btn"}}</button>
        </form>
      </div>
    </div>
    {{end}}
  </div>
</div>
{{end}}