{{define "admin/reports.html"}}
{{template "admin_shell_open" .}}
<div class="cs-admin-page">
{{template "admin_flash" .}}
{{template "admin_pagehead" (dict "Icon" "bx-flag" "Title" (T "admin.reports.title") "Desc" (T "admin.reports.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/reports?status=all">{{T "admin.reports.all"}}</a>
  <a class="btn btn-outline-secondary {{if eq .Data.QStatus "1"}}active{{end}}" href="/admin/reports?status=1">{{T "admin.reports.pending"}}</a>
  <a class="btn btn-outline-secondary {{if eq .Data.QStatus "2"}}active{{end}}" href="/admin/reports?status=2">{{T "admin.reports.processing"}}</a>
  <a class="btn btn-outline-secondary {{if eq .Data.QStatus "3"}}active{{end}}" href="/admin/reports?status=3">{{T "admin.reports.done"}}</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>{{T "admin.reports.col_status"}}</th><th>reporter</th><th>{{T "admin.reports.col_target"}}</th><th>{{T "admin.reports.col_reason"}}</th><th class="text-end">{{T "admin.reports.col_ops"}}</th></tr></thead>
<tbody>
{{range .Data.Rows}}
{{$rid := index . "id"}}{{$tt := asInt (index . "target_type")}}
<tr>
  <td>{{$rid}}</td>
  <td>{{$rs := asInt (index . "status")}}{{if eq $rs 1}}{{T "admin.reports.pending"}}{{else if eq $rs 2}}{{T "admin.reports.processing"}}{{else if eq $rs 3}}{{T "admin.reports.done"}}{{else}}{{$rs}}{{end}}</td>
  <td class="small">#{{index . "reporter_id"}} {{index . "reporter_name"}}</td>
  <td class="small">{{if eq $tt 2}}<span class="badge rounded-pill text-bg-warning">{{T "admin.reports.type_comment"}}</span>{{else}}<span class="badge rounded-pill text-bg-primary">{{T "admin.reports.type_item"}}</span>{{end}}
    <br>item #{{index . "item_id"}} {{index . "item_title"}}<br>comment #{{index . "comment_id"}}</td>
  <td class="small" style="max-width:220px">{{$rk := printf "%s" (index . "reason")}}{{if eq $rk "infringement"}}{{T "item_report_op_infringement"}}{{else if eq $rk "spam"}}{{T "item_report_op_spam"}}{{else if eq $rk "fraud"}}{{T "item_report_op_fraud"}}{{else if eq $rk "other"}}{{T "item_report_op_other"}}{{else}}{{$rk}}{{end}}</td>
  <td class="text-end text-nowrap p-2">
    <textarea class="d-none" id="admin-report-reason-{{$rid}}" aria-hidden="true">{{index . "reason"}}</textarea>
    <textarea class="d-none" id="admin-report-note-{{$rid}}" aria-hidden="true">{{index . "admin_note"}}</textarea>
    <button type="button" class="btn btn-sm btn-outline-primary js-admin-open-report"
      data-id="{{$rid}}"
      data-status="{{index . "status"}}"
      data-action="{{index . "action_taken"}}"
      data-reason-el="admin-report-reason-{{$rid}}"
      data-note-el="admin-report-note-{{$rid}}"
      data-reporter="#{{index . "reporter_id"}} {{index . "reporter_name"}}"
      data-item="item #{{index . "item_id"}} {{index . "item_title"}}"
      data-comment-id="{{index . "comment_id"}}">{{T "admin.reports.handle"}}</button>
  </td>
</tr>
{{else}}<tr><td colspan="6" class="text-center text-muted py-4">{{T "admin.reports.empty"}}</td></tr>{{end}}
</tbody></table></div></div></div>
{{$pg := .Data.Page}}{{$ps := .Data.PageSize}}{{if or (gt $pg 1) (eq (len .Data.Rows) $ps)}}
<nav class="mt-2 d-flex justify-content-between"><span class="small text-muted">{{T "admin.reports.total_prefix"}} {{.Data.Total}}</span>
<div class="btn-group btn-group-sm">{{if gt $pg 1}}<a class="btn btn-outline-secondary" href="/admin/reports?status={{urlEncode $.Data.QStatus}}&page={{sub $pg 1}}">{{T "admin.reports.prev"}}</a>{{end}}
{{if eq (len .Data.Rows) $ps}}<a class="btn btn-outline-secondary" href="/admin/reports?status={{urlEncode $.Data.QStatus}}&page={{add $pg 1}}">{{T "admin.reports.next"}}</a>{{end}}
</div></nav>{{end}}
</div>
{{template "admin_shell_close" .}}
{{end}}