{{define "admin_posts"}}
  <link rel="stylesheet" href="/static/css/blog.css?v={{assetVer}}">
  {{if .Data.CoIgnored}}<div class="blog-note">{{.Data.CoIgnored}}</div>{{end}}
  <div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;">
    <div class="form-inline">
      <a href="/admin/posts/all" class="btn {{if eq .Data.Status ""}}btn-primary{{else}}btn-ghost{{end}} btn-sm">全部</a>
      <a href="/admin/posts/published" class="btn {{if eq .Data.Status "published"}}btn-primary{{else}}btn-ghost{{end}} btn-sm">已发布</a>
      <a href="/admin/posts/draft" class="btn {{if eq .Data.Status "draft"}}btn-primary{{else}}btn-ghost{{end}} btn-sm">草稿</a>
      <a href="/admin/posts/scheduled" class="btn {{if eq .Data.Status "scheduled"}}btn-primary{{else}}btn-ghost{{end}} btn-sm">定时</a>
    </div>
    <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;">
      <label class="btn btn-ghost" for="wpImportFile" id="wpImportLabel" style="cursor:pointer;">⇪ 导入 WordPress</label>
      <input type="file" id="wpImportFile" accept=".xml,text/xml,application/xml" hidden>
      <label class="btn btn-ghost" for="haloImportFile" id="haloImportLabel" style="cursor:pointer;">⇪ 导入 Halo</label>
      <input type="file" id="haloImportFile" accept=".zip,application/zip" hidden>
      <label class="btn btn-ghost" for="strapiImportFile" id="strapiImportLabel" style="cursor:pointer;">⇪ 导入 Strapi</label>
      <input type="file" id="strapiImportFile" accept=".gz,.tgz,.tar.gz,application/gzip" hidden>
      <label class="btn btn-ghost" for="mdImportFile" id="mdImportLabel" style="cursor:pointer;">⇪ 导入 MD 包</label>
      <input type="file" id="mdImportFile" accept=".zip,application/zip" hidden>
      <label class="btn btn-ghost" for="emlogImportFile" id="emlogImportLabel" style="cursor:pointer;">⇪ 导入 emlog</label>
      <input type="file" id="emlogImportFile" accept=".sql,application/sql,text/plain" hidden>
      <a class="btn btn-ghost" href="/admin/posts/export">⬇ 全部(MD)</a>
      <a class="btn btn-ghost" href="/admin/posts/export?format=wxr">⬇ WXR</a>
      <a class="btn btn-ghost" href="/admin/posts/export?format=hugo">⬇ Hugo</a>
      <a class="btn btn-ghost" href="/admin/posts/export?format=hexo">⬇ Hexo</a>
      <a href="/admin/posts/new" class="btn btn-primary">＋ 新建文章</a>
    </div>
  </div>
  <script>
    (function () {
      function bindImporter(inputId, labelId, field, url) {
        var fi = document.getElementById(inputId);
        if (!fi) return;
        fi.addEventListener('change', function () {
          if (!this.files || !this.files[0]) return;
          var fd = new FormData();
          fd.append(field, this.files[0]);
          document.getElementById(labelId).textContent = '导入中…附件逐个还原原名';
          fetch(url, { method: 'POST', body: fd })
            .then(function (r) { return r.json(); })
            .then(function (d) { alert(d.message || d.msg || '导入完成'); location.reload(); })
            .catch(function () { alert('导入请求失败，请重试'); location.reload(); });
        });
      }
      bindImporter('wpImportFile', 'wpImportLabel', 'wxr', '/admin/posts/import-wordpress');
      bindImporter('haloImportFile', 'haloImportLabel', 'halo', '/admin/posts/import-halo');
      bindImporter('strapiImportFile', 'strapiImportLabel', 'strapi', '/admin/posts/import-strapi');
      bindImporter('mdImportFile', 'mdImportLabel', 'bundle', '/admin/posts/import-bundle');
      bindImporter('emlogImportFile', 'emlogImportLabel', 'emlog', '/admin/posts/import-emlog');
    })();
  </script>

  <div class="panel" style="padding:0;">
    {{if .Data.Posts}}
    <table class="table">
      <thead>
        <tr>
          <th>标题</th>
          <th>分类</th>
          <th>状态</th>
          <th>浏览</th>
          <th>时间</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Posts}}
        <tr>
          <td><a href="/admin/posts/{{.ID}}/edit">{{.Title}}</a>{{if index $.Data.Coauthors .ID}} <span class="blog-coauthor-tag">共创</span>{{end}}</td>
          <td>{{if .CategoryName}}{{.CategoryName}}{{else}}—{{end}}</td>
          <td>{{if eq .Status "published"}}<span class="badge badge-pub">已发布</span>{{else if eq .Status "scheduled"}}<span class="badge badge-draft" title="到点自动公开">定时 {{dateTime .PublishAt}}</span>{{else}}<span class="badge badge-draft">草稿</span>{{end}}</td>
          <td>{{.Views}}</td>
          <td>{{date .CreatedAt}}</td>
          <td>
            <div class="row-actions">
              <a href="/post/{{.Slug}}" class="btn btn-ghost btn-sm" target="_blank">查看</a>
              <a href="/admin/posts/{{.ID}}/edit" class="btn btn-ghost btn-sm">编辑</a>
              <a href="/admin/posts/{{.ID}}/edit#history" class="btn btn-ghost btn-sm" title="查看文章的共同编辑历史">历史</a>
              <form method="post" action="/admin/posts/{{.ID}}/toggle" style="display:inline;">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <button class="btn btn-ghost btn-sm" type="submit">{{if eq .Status "published"}}转草稿{{else if eq .Status "scheduled"}}立即发布{{else}}发布{{end}}</button>
              </form>
              <form method="post" action="/admin/posts/{{.ID}}/delete" style="display:inline;"
                    onsubmit="return confirm('确定删除这篇文章吗？此操作不可恢复。');">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <button class="btn btn-danger btn-sm" type="submit">删除</button>
              </form>
            </div>
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>
    {{else}}
    <div style="text-align:center;color:var(--muted);padding:40px 0;">暂无文章</div>
    {{end}}
  </div>

  {{if or .Data.Prev .Data.Next}}
  <div style="display:flex;justify-content:center;gap:10px;align-items:center;">
    {{if .Data.Prev}}<a class="btn btn-ghost btn-sm" href="/admin/posts/{{.Data.Filter}}?page={{sub .Data.Page 1}}">← 上一页</a>{{else}}<span class="btn btn-ghost btn-sm" style="opacity:.4">← 上一页</span>{{end}}
    <span style="color:var(--muted);font-size:13px;">第 {{.Data.Page}} 页</span>
    {{if .Data.Next}}<a class="btn btn-ghost btn-sm" href="/admin/posts/{{.Data.Filter}}?page={{add .Data.Page 1}}">下一页 →</a>{{else}}<span class="btn btn-ghost btn-sm" style="opacity:.4">下一页 →</span>{{end}}
  </div>
  {{end}}
{{end}}