{{define "admin/orders.html"}}
{{template "admin/layout_head" .}}
<div class="cs-admin-page">
{{template "admin_pagehead" (dict "Icon" "bx-receipt" "Title" (T "admin.orders.title") "Desc" (T "admin.orders.desc"))}}
<div class="cs-admin-section">
  <div class="cs-admin-section__body cs-admin-section__body--flush">
    <div class="table-responsive">
      <table class="table table-hover mb-0 align-middle">
        <thead class="table-light">
          <tr><th>{{T "admin.orders.col_id"}}</th><th>{{T "admin.orders.col_user"}}</th><th>{{T "admin.orders.col_plan"}}</th><th>{{T "admin.orders.col_amount"}}</th><th>{{T "admin.orders.col_method"}}</th><th>{{T "admin.orders.col_status"}}</th><th>{{T "admin.orders.col_time"}}</th><th>{{T "admin.orders.col_actions"}}</th></tr>
        </thead>
        <tbody>
        {{range index .Data "Orders"}}
        <tr>
          <td class="small"><span class="ut-admin-code">{{.order_id}}</span></td>
          <td class="small">{{.username}}<div class="text-muted">{{.email}}</div></td>
          <td>{{.plan_id}} / {{.billing_cycle}}</td>
          <td>{{.pay_amount}} {{.currency}}</td>
          <td>{{.pay_method}}</td>
          <td>
            {{$st := asInt .pay_status}}
            {{if eq $st 0}}<span class="badge text-bg-warning">{{T "admin.orders.st_pending"}}</span>
            {{else if eq $st 1}}<span class="badge text-bg-success">{{T "admin.orders.st_paid"}}</span>
            {{else if eq $st 2}}<span class="badge text-bg-secondary">{{T "admin.orders.st_refunded"}}</span>
            {{else if eq $st 3}}<span class="badge text-bg-light">{{T "admin.orders.st_canceled"}}</span>
            {{else if eq $st 4}}<span class="badge text-bg-dark">{{T "admin.orders.st_expired"}}</span>
            {{else}}{{$st}}{{end}}
          </td>
          <td class="small">{{unixTime .created_at}}</td>
          <td>
            {{if eq (asInt .pay_status) 1}}
            <form class="js-refund d-flex gap-1" method="post">
              <input type="hidden" name="order_id" value="{{.order_id}}">
              <input class="form-control form-control-sm" name="admin_note" placeholder="{{T "admin.orders.note_ph"}}" style="width:8rem">
              <button type="submit" class="btn btn-sm btn-outline-danger">{{T "admin.orders.refund_btn"}}</button>
            </form>
            {{else}}—{{end}}
          </td>
        </tr>
        {{else}}
        <tr><td colspan="8" class="text-center text-muted py-4">{{T "admin.orders.empty"}}</td></tr>
        {{end}}
        </tbody>
      </table>
    </div>
  </div>
</div>
</div>
<script>
$('.js-refund').on('submit', function (e) {
  e.preventDefault();
  var $f = $(this);
  function run() {
    $.post('/api/admin/orders/refund', $f.serialize(), null, 'json')
      .done(function (res) {
        showAdminToast(!!res.success, (res.data && res.data.message) || res.message || {{jsString (T "admin.orders.done")}});
        if (res.success) setTimeout(function () { location.reload(); }, 600);
      })
      .fail(function (xhr) {
        var msg = {{jsString (T "admin.orders.fail")}};
        try { msg = JSON.parse(xhr.responseText).message || msg; } catch (err) {}
        showAdminToast(false, msg);
      });
  }
  if (typeof window.adminBsConfirm === 'function') {
    window.adminBsConfirm({
      title: {{jsString (T "admin.orders.refund_title")}},
      message: {{jsString (T "admin.orders.refund_msg")}},
      okText: {{jsString (T "admin.orders.refund_ok")}},
      okClass: 'btn-danger'
    }).then(function (ok) { if (ok) run(); });
    return;
  }
  if (confirm({{jsString (T "admin.orders.refund_msg")}})) run();
});
</script>
{{template "admin/layout_foot" .}}
{{end}}