{{define "admin/article_list_partial.html"}}
{{template "admin_articles_list_results" .}}
{{end}}

{{define "admin_articles_list_results"}}
<div class="card cs-admin-section cs-admin-table-card">
  <div class="table-responsive">
    <table class="table table-hover align-middle mb-0 small">
      <thead class="table-light"><tr>
        <th class="text-nowrap">ID</th>
        <th class="text-nowrap">{{T "admin.articles.col_format"}}</th>
        <th>{{T "admin.articles.col_title"}}</th>
        <th>{{T "admin.articles.col_author"}}</th>
        <th class="text-nowrap">{{T "admin.articles.col_views"}}</th>
        <th class="text-nowrap">{{T "admin.articles.col_rec"}}</th>
        {{if or (eq .Data.Tab "offline") (eq .Data.Tab "all")}}
        <th class="text-nowrap">{{T "admin.articles.col_status"}}</th>
        {{end}}
        <th class="text-nowrap">{{T "admin.articles.col_pub"}}</th>
        <th class="text-end text-nowrap" style="width:4.5rem">{{T "admin.articles.col_ops"}}</th>
      </tr></thead>
      <tbody>
      {{range .Data.Rows}}
      {{$id := index . "id"}}{{$st := asInt (index . "status")}}
      <tr>
        <td class="font-monospace text-muted">{{$id}}</td>
        <td><span class="badge rounded-pill bg-light text-dark border font-monospace fw-normal">{{index . "format_label"}}</span></td>
        <td class="fw-medium min-w-0">
          {{if eq $st 2}}
          <a href="{{index . "detail_url"}}" target="_blank" rel="noopener noreferrer" class="cs-admin-article-title-link text-reset text-decoration-none" title="{{T "admin.articles.front"}}">{{index . "title"}}</a>
          {{else}}
          {{index . "title"}}
          {{end}}
        </td>
        <td>{{$ouid := index . "user_id"}}{{if gt (asInt $ouid) 0}}<button type="button" class="btn btn-link btn-sm p-0 align-baseline text-start js-admin-user-preview" data-user-id="{{$ouid}}" title="{{T "admin.articles.view_user"}}">{{index . "owner_name"}}</button>{{else}}<span class="text-muted">—</span>{{end}}</td>
        <td>{{index . "view_count"}}</td>
        <td>{{if eq (asInt (index . "is_recommend")) 1}}<span class="badge bg-info text-dark">{{T "admin.articles.yes"}}</span>{{else}}<span class="text-muted">{{T "admin.articles.no"}}</span>{{end}}</td>
        {{if or (eq $.Data.Tab "offline") (eq $.Data.Tab "all")}}
        <td>{{if eq $st 2}}<span class="badge bg-success">{{T "admin.articles.st_pub"}}</span>{{else if eq $st 4}}<span class="badge bg-dark">{{T "admin.articles.st_off"}}</span>{{else}}<span class="badge bg-secondary">—</span>{{end}}</td>
        {{end}}
        <td class="small text-muted text-nowrap">{{unixTime (index . "published_at")}}</td>
        <td class="text-end">
          <div class="d-inline-flex align-items-center justify-content-end gap-1">
            {{if eq $st 2}}
            <a class="btn btn-sm btn-light border cs-admin-icon-btn" href="{{index . "detail_url"}}" target="_blank" rel="noopener noreferrer" title="{{T "admin.articles.preview"}}" aria-label="{{T "admin.articles.preview"}}">
              <i class="bx bx-show fs-5 lh-1" aria-hidden="true"></i>
            </a>
            {{end}}
            <div class="dropdown cs-admin-row-dropdown d-inline-block">
              <button type="button" class="btn btn-sm btn-light border cs-admin-icon-btn" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-popper-config='{"strategy":"fixed"}' aria-expanded="false" title="{{T "admin.articles.ops"}}">
                <i class="bx bx-dots-vertical-rounded fs-5 lh-1" aria-hidden="true"></i>
              </button>
              <ul class="dropdown-menu dropdown-menu-end shadow border-0 py-1">
                {{if eq $st 2}}
                <li>
                  <a class="dropdown-item d-flex align-items-center gap-2" href="{{index . "detail_url"}}" target="_blank" rel="noopener">
                    <i class="bx bx-show text-secondary"></i><span>{{T "admin.articles.preview"}}</span>
                  </a>
                </li>
                <li><hr class="dropdown-divider my-1"></li>
                <li>
                  <button type="button" class="dropdown-item d-flex align-items-center gap-2 js-admin-article-row-act" data-action="toggle_rec" data-id="{{$id}}"><i class="bx bx-star text-primary"></i><span>{{T "admin.articles.toggle_rec"}}</span></button>
                </li>
                <li>
                  <button type="button" class="dropdown-item d-flex align-items-center gap-2 text-danger js-admin-article-row-act" data-action="offline" data-id="{{$id}}" data-confirm="{{T "admin.articles.offline_confirm"}}" data-confirm-title="{{T "admin.articles.offline_title"}}"><i class="bx bx-block"></i><span>{{T "admin.articles.offline"}}</span></button>
                </li>
                {{else}}
                <li><span class="dropdown-item-text small text-muted px-3 py-2">{{T "admin.articles.offline_only"}}</span></li>
                {{end}}
              </ul>
            </div>
          </div>
        </td>
      </tr>
      {{else}}
      <tr><td colspan="{{if or (eq $.Data.Tab "offline") (eq $.Data.Tab "all")}}9{{else}}8{{end}}" class="text-center text-muted py-5"><i class="bx bx-book-open fs-2 d-block mb-2 opacity-50"></i>{{T "admin.articles.empty"}}</td></tr>
      {{end}}
      </tbody>
    </table>
  </div>
</div>

{{$pg := .Data.Page}}{{$ps := .Data.PageSize}}{{if or (gt $pg 1) (eq (len .Data.Rows) $ps)}}
<nav class="mt-3 d-flex flex-wrap justify-content-between align-items-center gap-2 cs-admin-articles-pager" aria-label="{{T "admin.articles.pager_aria"}}"><span class="small text-muted">{{T "admin.articles.total_prefix"}} <strong>{{.Data.Total}}</strong> {{T "admin.articles.total_suffix"}}</span>
<div class="btn-group btn-group-sm shadow-sm">{{if gt $pg 1}}<a class="btn btn-outline-secondary" href="/admin/articles?tab={{urlEncode $.Data.Tab}}&user_id={{urlEncode $.Data.QUserID}}&q={{urlEncode $.Data.QQ}}&page={{sub $pg 1}}"><i class="bx bx-chevron-left"></i> {{T "admin.articles.prev"}}</a>{{end}}
{{if eq (len .Data.Rows) $ps}}<a class="btn btn-outline-secondary" href="/admin/articles?tab={{urlEncode $.Data.Tab}}&user_id={{urlEncode $.Data.QUserID}}&q={{urlEncode $.Data.QQ}}&page={{add $pg 1}}">{{T "admin.articles.next"}} <i class="bx bx-chevron-right"></i></a>{{end}}
</div></nav>{{end}}
{{end}}