{{define "admin_posts"}}
{{if .Site.Local}}
  <div class="manage-window">
    <div class="win-bar">
      <svg class="wbd" viewBox="0 0 12 12" aria-hidden="true"><defs><linearGradient id="post-d1" x1="0" y1="0" x2="12" y2="12"><stop offset="0" stop-color="#c9adff"/><stop offset="1" stop-color="#8b5cf6"/></linearGradient><linearGradient id="post-d2" x1="0" y1="0" x2="12" y2="12"><stop offset="0" stop-color="#7fc4ff"/><stop offset="1" stop-color="#2f7bf6"/></linearGradient><linearGradient id="post-d3" x1="0" y1="0" x2="12" y2="12"><stop offset="0" stop-color="#8af0c2"/><stop offset="1" stop-color="#2ec98a"/></linearGradient></defs><circle cx="6" cy="6" r="4.7" fill="url(#post-d1)"/><ellipse cx="4.3" cy="4.1" rx="1.8" ry="1.1" fill="#fff" opacity=".75"/></svg>
      <svg class="wbd" viewBox="0 0 12 12" aria-hidden="true"><circle cx="6" cy="6" r="4.7" fill="url(#post-d2)"/><ellipse cx="4.3" cy="4.1" rx="1.8" ry="1.1" fill="#fff" opacity=".75"/></svg>
      <svg class="wbd" viewBox="0 0 12 12" aria-hidden="true"><circle cx="6" cy="6" r="4.7" fill="url(#post-d3)"/><ellipse cx="4.3" cy="4.1" rx="1.8" ry="1.1" fill="#fff" opacity=".75"/></svg>
      <span style="margin-left:10px">文章管理</span>
    </div>
    <div class="win-body">
      <div class="filter-row">
        <div class="form-inline" style="display:flex;gap:8px;flex-wrap:wrap;">
          <a href="/admin/posts/all" class="fchip {{if eq .Data.Status ""}}on{{end}}">全部</a>
          <a href="/admin/posts/published" class="fchip {{if eq .Data.Status "published"}}on{{end}}">已发布</a>
          <a href="/admin/posts/draft" class="fchip {{if eq .Data.Status "draft"}}on{{end}}">草稿</a>
          <a href="/admin/posts/scheduled" class="fchip {{if eq .Data.Status "scheduled"}}on{{end}}">定时</a>
        </div>
        <div style="display:flex;gap:8px;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"><svg class="bico" viewBox="0 0 16 16" aria-hidden="true"><defs><linearGradient id="p-plus" x1="0" y1="0" x2="16" y2="16"><stop offset="0" stop-color="#ffb37a"/><stop offset="1" stop-color="#ff7a59"/></linearGradient></defs><circle cx="8" cy="8" r="7" fill="url(#p-plus)"/><path d="M8 5v6M5 8h6" stroke="#fff" stroke-width="1.4" stroke-linecap="round"/></svg>新建文章</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]);
              var tok = document.querySelector('input[name="csrf"]');
              if (tok && tok.value) fd.append('csrf', tok.value);
              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>
      {{if .Data.Posts}}
      <table class="tbl">
        <colgroup>
          <col style="width:28%">
          <col style="width:10%">
          <col style="width:13%">
          <col style="width:6%">
          <col style="width:15%">
          <col style="width:28%">
        </colgroup>
        <thead>
          <tr>
            <th>标题</th>
            <th>分类</th>
            <th>状态</th>
            <th>浏览</th>
            <th>时间</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          {{range .Data.Posts}}
          <tr>
            <td><a class="tt" href="/admin/posts/{{.ID}}/edit">{{.Title}}</a>{{if index $.Data.Coauthors .ID}} <span class="blog-coauthor-tag">共创</span>{{end}}</td>
            <td class="co">{{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 class="co">{{.Views}}</td>
            <td class="co">{{date .CreatedAt}}</td>
            <td class="acts">
              <svg class="acts-defs" width="0" height="0" style="position:absolute" aria-hidden="true"><defs>
                <linearGradient id="p-eye" x1="0" y1="0" x2="16" y2="16"><stop offset="0" stop-color="#7fc4ff"/><stop offset="1" stop-color="#2f7bf6"/></linearGradient>
                <linearGradient id="p-pen" x1="0" y1="0" x2="16" y2="16"><stop offset="0" stop-color="#ffb37a"/><stop offset="1" stop-color="#ff7a59"/></linearGradient>
                <linearGradient id="p-clock" x1="0" y1="0" x2="16" y2="16"><stop offset="0" stop-color="#c9adff"/><stop offset="1" stop-color="#8b5cf6"/></linearGradient>
                <linearGradient id="p-up" x1="0" y1="0" x2="16" y2="16"><stop offset="0" stop-color="#8af0c2"/><stop offset="1" stop-color="#10b981"/></linearGradient>
                <linearGradient id="p-swap" x1="0" y1="0" x2="16" y2="16"><stop offset="0" stop-color="#ffd97a"/><stop offset="1" stop-color="#ffa53d"/></linearGradient>
                <linearGradient id="p-del" x1="0" y1="0" x2="16" y2="16"><stop offset="0" stop-color="#ff9d9d"/><stop offset="1" stop-color="#ef4444"/></linearGradient>
              </defs></svg>
              <a href="/post/{{.Slug}}" class="btn btn-ghost btn-sm" target="_blank"><svg class="bico" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="7" fill="url(#p-eye)"/><path d="M4.4 8C5.5 6.2 6.7 5.2 8 5.2s2.5 1 3.6 2.8C10.5 9.8 9.3 10.8 8 10.8S5.5 9.8 4.4 8z" fill="none" stroke="#fff" stroke-width="1.2"/><circle cx="8" cy="8" r="1.6" fill="#fff"/></svg>查看</a>
              <a href="/admin/posts/{{.ID}}/edit" class="btn btn-ghost btn-sm"><svg class="bico" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="7" fill="url(#p-pen)"/><path d="M9 4.4l2.6 2.6-4.3 4.3-2.7.6.6-2.7z" fill="none" stroke="#fff" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>编辑</a>
              <a href="/admin/posts/{{.ID}}/edit#history" class="btn btn-ghost btn-sm" title="查看文章的共同编辑历史"><svg class="bico" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="7" fill="url(#p-clock)"/><circle cx="8" cy="8" r="3.2" fill="none" stroke="#fff" stroke-width="1.15"/><path d="M8 6.1V8l1.4 1" fill="none" stroke="#fff" stroke-width="1.15" stroke-linecap="round"/></svg>历史</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"><svg class="bico" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="7" fill="url(#p-swap)"/>{{if eq .Status "published"}}<path d="M6.2 10.2 9.8 6.6l-1.6-1.6-3.6 3.6z" fill="none" stroke="#fff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>{{else}}<path d="M8 4.6v6.8M11.2 8.4 8 11.6 4.8 8.4" fill="none" stroke="#fff" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>{{end}}</svg>{{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"><svg class="bico" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="7" fill="url(#p-del)"/><path d="M5.6 6.6h4.8M6.4 6.6v4.2h3.2V6.6M7 6.6v-.9h2v.9" fill="none" stroke="#fff" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>删除</button>
              </form>
            </td>
          </tr>
          {{end}}
        </tbody>
      </table>
      {{else}}
      <div class="empty-tip">暂无文章</div>
      {{end}}
      {{if or .Data.Prev .Data.Next}}
      <div class="pager">
        {{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 class="pg">第 {{.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}}
    </div>
  </div>
{{else}}
  <link rel="stylesheet" href="/static/css/blog.css?v={{assetVer}}">
  {{if .Data.CoIgnored}}<div class="blog-note">{{.Data.CoIgnored}}</div>{{end}}
  <div class="toolbar-row">
    <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" aria-label="导出 Markdown">⬇ 全部(MD)</a>
      <a class="btn btn-ghost" href="/admin/posts/export?format=wxr" aria-label="导出 WXR">⬇ WXR</a>
      <a class="btn btn-ghost" href="/admin/posts/export?format=hugo" aria-label="导出 Hugo">⬇ Hugo</a>
      <a class="btn btn-ghost" href="/admin/posts/export?format=hexo" aria-label="导出 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]);
          var tok = document.querySelector('input[name="csrf"]');
          if (tok && tok.value) fd.append('csrf', tok.value);
          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 class="pager-row">
    {{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}}
{{end}}