{{define "admin/item_edit.html"}}
{{template "admin_shell_open" .}}
<div class="cs-admin-page cs-admin-page--narrow">
{{template "admin_flash" .}}

{{$it := .Data.Item}}
{{$id := index $it "id"}}
<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-edit"></i></div>
    <div class="cs-admin-pagehead__body">
      <h1 class="cs-admin-pagehead__title">{{T "admin.item_edit.title"}}{{$id}}</h1>
      <p class="cs-admin-pagehead__desc">{{T "admin.item_edit.desc"}}</p>
    </div>
  </div>
  <div class="cs-admin-pagehead__links">
    <a class="btn btn-sm btn-outline-secondary" href="/admin/items"><i class="bx bx-arrow-back me-1"></i>{{T "admin.item_edit.back"}}</a>
  </div>
</header>

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

{{define "admin/item_edit_embed.html"}}
{{template "admin_item_edit_forms" .}}
{{end}}

{{define "admin_item_edit_forms"}}
{{$it := .Data.Item}}
{{$id := index $it "id"}}
<form method="post" action="/admin/items/{{$id}}" class="row g-3 cs-admin-ajax-form" data-cs-reload="1">
  <div class="col-lg-7">
    <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.item_edit.basic"}}</h2></div><div class="cs-admin-section__body">
      <div class="mb-2"><label class="form-label small">{{T "admin.item_edit.title_label"}}</label><input class="form-control form-control-sm" name="title" value="{{index $it "title"}}" required></div>
      <div class="mb-2"><label class="form-label small">{{T "admin.item_edit.version"}}</label><input class="form-control form-control-sm" name="version" value="{{index $it "version"}}"></div>
      <div class="mb-2"><label class="form-label small">{{T "admin.item_edit.tags"}}</label>
        <input class="form-control form-control-sm" name="tags" value="{{.Data.TagsComma}}" maxlength="512" placeholder="{{T "admin.item_edit.tags_ph"}}">
        <div class="form-text">{{T "admin.item_edit.tags_hint"}}</div>
      </div>
      <div class="mb-2"><label class="form-label small">{{T "admin.item_edit.intro"}}</label><textarea class="form-control form-control-sm" name="intro" rows="3">{{index $it "intro"}}</textarea></div>
      <div class="mb-2"><label class="form-label small">{{T "admin.item_edit.detail"}}</label><textarea class="form-control form-control-sm font-monospace" name="detail_html" rows="12">{{index $it "detail_html"}}</textarea></div>
      <div class="mb-0"><label class="form-label small">{{T "admin.item_edit.release"}}</label><textarea class="form-control form-control-sm" name="release_log" rows="4">{{index $it "release_log"}}</textarea></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.item_edit.links"}}</h2></div><div class="cs-admin-section__body">
      <div class="mb-2"><label class="form-label small">{{T "admin.item_edit.download"}}</label><textarea class="form-control form-control-sm font-monospace" name="download_url" rows="4">{{index $it "download_url"}}</textarea></div>
      <div class="mb-2"><label class="form-label small">{{T "admin.item_edit.related"}}</label><input class="form-control form-control-sm" name="related_url" value="{{index $it "related_url"}}"></div>
      <div class="mb-0"><label class="form-label small">{{T "admin.item_edit.demo"}}</label><input class="form-control form-control-sm" name="demo_url" value="{{index $it "demo_url"}}"></div>
    </div></div>
  </div>
  <div class="col-lg-5">
    <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.item_edit.access"}}</h2></div><div class="cs-admin-section__body">
      <div class="mb-2"><label class="form-label small">access_mode</label>
        <select class="form-select form-select-sm" name="access_mode">
          <option value="0" {{if eq (asInt (index $it "access_mode")) 0}}selected{{end}}>{{T "admin.item_edit.free"}}</option>
          <option value="1" {{if eq (asInt (index $it "access_mode")) 1}}selected{{end}}>{{T "admin.item_edit.paid"}}</option>
        </select>
      </div>
      <div class="row g-2">
        <div class="col-6"><label class="form-label small">{{T "admin.item_edit.price"}}</label><input class="form-control form-control-sm" name="price_yuan" value="{{.Data.PriceYuan}}"></div>
        <div class="col-6"><label class="form-label small">{{T "admin.item_edit.currency"}}</label><input class="form-control form-control-sm" name="price_currency" value="{{index $it "price_currency"}}" maxlength="3"></div>
      </div>
    </div></div>
    <button type="submit" class="btn btn-success w-100 mb-3">{{T "admin.item_edit.save"}}</button>
  </div>
</form>

<div class="card cs-admin-section mb-3">
  <div class="cs-admin-section__head d-flex flex-wrap justify-content-between align-items-center gap-2">
    <h2 class="cs-admin-section__head-title mb-0">{{T "admin.item_edit.r2_files"}}</h2>
    <span class="small text-muted">{{T "admin.item_edit.archive_id"}}{{if .Data.ArchiveID}}{{.Data.ArchiveID}}{{else}}—{{end}}</span>
  </div>
  <div class="cs-admin-section__body cs-admin-section__body--flush"><div class="table-responsive">
  <table class="table table-sm mb-0 small">
    <thead><tr><th>ID</th><th>kind</th><th>status</th><th>object_key</th></tr></thead>
    <tbody>{{range .Data.Files}}
    <tr>
      <td>{{index . "id"}}</td>
      <td>{{index . "kind"}}</td>
      <td>{{index . "status"}}</td>
      <td class="text-break"><code>{{index . "object_key"}}</code></td>
    </tr>
    {{else}}<tr><td colspan="4" class="text-muted p-3">—</td></tr>{{end}}
  </tbody></table>
  </div></div>
  <div class="cs-admin-section__body border-top pt-3 small">
  <form method="post" action="/admin/items" class="row g-2 align-items-end cs-admin-ajax-form" data-cs-reload="1">
    <input type="hidden" name="_action" value="bind_archive">
    <input type="hidden" name="id" value="{{$id}}">
    <div class="col"><label class="form-label small mb-0">{{T "admin.item_edit.bind_label"}}</label><input class="form-control form-control-sm" name="file_id" placeholder="cs_item_files.id"></div>
    <div class="col-auto"><button class="btn btn-primary btn-sm" type="submit">{{T "admin.item_edit.bind_btn"}}</button></div>
  </form>
  <form method="post" action="/admin/items" class="mt-2 d-inline-block cs-admin-ajax-form" data-cs-confirm="{{T "admin.item_edit.reindex_confirm"}}" data-cs-reload="1">
    <input type="hidden" name="_action" value="reindex_zip"><input type="hidden" name="id" value="{{$id}}">
    <button class="btn btn-outline-secondary btn-sm" type="submit">{{T "admin.item_edit.reindex_btn"}}</button>
  </form>
</div></div>
{{end}}