{{define "admin/orders.html"}}
{{template "admin_shell_open" .}}
<div class="cs-admin-page">
{{template "admin_flash" .}}
{{template "admin_pagehead" (dict "Icon" "bx-receipt" "Title" (T "admin.orders.title") "Desc" (T "admin.orders.desc"))}}
<div class="card cs-admin-section cs-admin-section--toolbar mb-3">
  <div class="cs-admin-section__body py-2 px-3">
    <div class="btn-group btn-group-sm">
      <a class="btn btn-outline-secondary {{if or (eq .Data.QStatus "") (eq .Data.QStatus "all")}}active{{end}}" href="/admin/orders?status=all">{{T "admin.orders.all"}}</a>
      <a class="btn btn-outline-secondary {{if eq .Data.QStatus "0"}}active{{end}}" href="/admin/orders?status=0">{{T "admin.orders.pending"}}</a>
      <a class="btn btn-outline-secondary {{if eq .Data.QStatus "1"}}active{{end}}" href="/admin/orders?status=1">{{T "admin.orders.paid"}}</a>
      <a class="btn btn-outline-secondary {{if eq .Data.QStatus "2"}}active{{end}}" href="/admin/orders?status=2">{{T "admin.orders.closed"}}</a>
    </div>
  </div>
</div>
<div class="card cs-admin-section"><div class="cs-admin-section__body cs-admin-section__body--flush"><div class="table-responsive"><table class="table table-sm align-middle mb-0">
<thead class="table-light"><tr><th>ID</th><th>user</th><th>item</th><th>amount</th><th>st</th><th>out_trade_no</th><th class="text-end">{{T "admin.orders.col_ops"}}</th></tr></thead>
<tbody>
{{range .Data.Rows}}
{{$oid := index . "id"}}
<tr>
  <td>{{$oid}}</td>
  <td class="small">#{{index . "user_id"}} {{index . "username"}}</td>
  <td class="small">#{{index . "item_id"}} {{index . "item_title"}}</td>
  <td>{{index . "currency"}} {{yuan (index . "amount_cents")}}</td>
  <td>{{index . "status"}}</td>
  <td class="small text-break">{{index . "out_trade_no"}}</td>
  <td class="text-end text-nowrap p-2">
    <textarea class="d-none" id="admin-order-remark-{{$oid}}" aria-hidden="true">{{index . "remark"}}</textarea>
    <button type="button" class="btn btn-sm btn-outline-primary js-admin-open-order"
      data-id="{{$oid}}"
      data-status="{{index . "status"}}"
      data-remark-el="admin-order-remark-{{$oid}}"
      data-who="#{{index . "user_id"}} {{index . "username"}}"
      data-item="#{{index . "item_id"}} {{index . "item_title"}}"
      data-amount="{{index . "currency"}} {{yuan (index . "amount_cents")}}">{{T "admin.orders.adjust"}}</button>
  </td>
</tr>
{{else}}<tr><td colspan="7" class="text-center text-muted py-4">{{T "admin.orders.empty"}}</td></tr>{{end}}
</tbody></table></div></div></div>
</div>
{{template "admin_shell_close" .}}
{{end}}