{{define "admin_local"}}
<div class="local-desk">
  <header class="ld-head">
    <h1 class="ld-title">本地工作台</h1>
    <p class="ld-sub">
      程序就在你自己的电脑上，所以它比装在服务器上多几件顺手的事：把数据打包回本机、
      把本机的照片整批搬进来、把以前写在别处的内容搬过来、把文章导出成能带走的文件。
      这些事只在Win本地版里有。
    </p>
    <div class="ld-facts">
      <span class="ld-fact">数据 <b>{{.Data.DataFiles}}</b> 个文件 · {{.Data.DataSize}}</span>
      <span class="ld-fact">备份 <b>{{.Data.BakCount}}</b> 份 · {{.Data.BakSize}}</span>
      <span class="ld-fact">文章 <b>{{index .Data.Counts "posts"}}</b> · 相册 <b>{{index .Data.Counts "albums"}}</b> · 照片 <b>{{index .Data.Counts "photos"}}</b> · 用户 <b>{{index .Data.Counts "users"}}</b></span>
    </div>
  </header>

  <div class="ld-grid">

    {{/* 1. 备份：Win本地版的备份就是把文件夹拷走，这里替使用者把这一步做利落 */}}
    <section class="ld-card">
      <div class="ld-card-head">
        <span class="ld-ico">{{ico "shield"}}</span>
        <div>
          <h2>备份到本机</h2>
          <p>把数据库、上传的图片与配置打成一个压缩包，放进程序旁边的 <code>backups/</code>。</p>
        </div>
      </div>
      <div class="ld-acts">
        <button type="button" class="btn btn-primary" data-act="backup" data-msg="msg-backup">立即备份</button>
        <button type="button" class="btn btn-ghost" data-reveal="backups">打开备份目录</button>
      </div>
      <p class="ld-msg" id="msg-backup"></p>
      {{if .Data.Backups}}
      <ul class="ld-list">
        {{range .Data.Backups}}
        <li><span class="ld-l-name">{{.Name}}</span><span class="ld-l-meta">{{.Size}} · {{.Time}}</span></li>
        {{end}}
      </ul>
      {{else}}
      <p class="ld-empty">还没有备份。点一下「立即备份」，第一份就有了。</p>
      {{end}}
    </section>

    {{/* 2. 照片进相册：指文件夹整批搬、把图片拖进卡片、截图或复制网页图后 Ctrl+V。
         压缩与尺寸处理和网页上传完全一致，三种进法都走同一条流水线 */}}
    <section class="ld-card" id="dropZone">
      <div class="ld-card-head">
        <span class="ld-ico">{{ico "image"}}</span>
        <div>
          <h2>照片进相册</h2>
          <p>三种进法都行：指一个文件夹整批搬、把图片直接拖到这张卡片上、截图或复制网页图后按 <b>Ctrl+V</b> 粘贴。压缩与尺寸处理和网页上传完全一致。</p>
        </div>
      </div>
      {{if .Data.Albums}}
      <div class="ld-row">
        <input type="text" id="impDir" placeholder="还没选文件夹" readonly>
        <button type="button" class="btn btn-ghost" data-pick="impDir" data-title="选择要导入照片的文件夹" data-msg="msg-import">选择文件夹</button>
      </div>
      <div class="ld-row">
        <select id="impAlbum">
          {{range .Data.Albums}}<option value="{{.ID}}">{{.Title}}</option>{{end}}
        </select>
        <button type="button" class="btn btn-primary" data-act="import" data-msg="msg-import">整批导入</button>
        <button type="button" class="btn btn-ghost" data-act="paste" data-msg="msg-import">粘贴剪贴板图片</button>
      </div>
      <p class="ld-hint">把图片拖到这张卡片上，或截图后直接 Ctrl+V——不必先存成文件，再走一遍选文件夹。</p>
      <p class="ld-msg" id="msg-import"></p>
      {{else}}
      <p class="ld-empty">还没有相册。先到「影集」模块新建一个相册，再回来导入。</p>
      {{end}}
    </section>

    {{/* 3. 内容搬家：从别处搬过来，图文一起走。导入为主，所以摆在导出前面。 */}}
    <section class="ld-card ld-card-wide">
      <div class="ld-card-head">
        <span class="ld-ico">{{ico "box"}}</span>
        <div>
          <h2>内容搬家</h2>
          <p>以前写在别处的东西，搬过来还是你的：文章一篇篇落进「文章」里，配图按原来的名字与目录收进 <code>uploads/</code>，正文里的引用跟着改成新位置。三条路都通，按你手头有什么选。</p>
        </div>
      </div>

      <div class="ld-tabs" role="tablist">
        <button type="button" class="ld-tab is-on" role="tab" data-tab="feed">{{ico "rss"}}订阅源</button>
        <button type="button" class="ld-tab" role="tab" data-tab="mdir">{{ico "folder"}}Markdown 文件夹</button>
        <button type="button" class="ld-tab" role="tab" data-tab="bundle">{{ico "upload"}}导出包</button>
      </div>

      <div class="ld-pane" data-pane="feed">
        <p class="ld-hint">
          填一个订阅地址（RSS / Atom），或选一个从别处下载下来的订阅文件——
          两者填一个就行。最新的文章会一篇篇搬进来，文里的配图也一并取回。
        </p>
        <div class="ld-row">
          <input type="text" id="feedURL" placeholder="https://…/feed" autocomplete="off" spellcheck="false">
        </div>
        <div class="ld-row">
          <input type="text" id="feedFile" placeholder="本机订阅文件（可不填）" readonly>
          <button type="button" class="btn btn-ghost" data-pick-file="feedFile" data-kind="feed" data-title="选择订阅源文件" data-msg="msg-migrate">选择文件</button>
        </div>
        <div class="ld-acts">
          <button type="button" class="btn btn-primary" data-act="import-feed" data-msg="msg-migrate">开始搬家</button>
        </div>
      </div>

      <div class="ld-pane" data-pane="mdir" hidden>
        <p class="ld-hint">
          指一个装着 <code>.md</code> 的文件夹。文首若写着标题、时间、分类、标签，会照着读进来；
          正文里引用的是 <code>/uploads/…</code> 这类同结构路径时，按原位置还原，同名就按同名捞。
        </p>
        <div class="ld-row">
          <input type="text" id="mdDir" placeholder="还没选文件夹" readonly>
          <button type="button" class="btn btn-ghost" data-pick="mdDir" data-title="选择存放 Markdown 的文件夹" data-msg="msg-migrate">选择文件夹</button>
        </div>
        <div class="ld-acts">
          <button type="button" class="btn btn-primary" data-act="import-dir" data-msg="msg-migrate">开始搬家</button>
        </div>
      </div>

      <div class="ld-pane" data-pane="bundle" hidden>
        <p class="ld-hint">
          选一个本站导出的 <code>.zip</code> 导出包——文章、分类、标签与图片一起回来，
          图还是按原名归到 <code>uploads/</code> 里的原位。
        </p>
        <div class="ld-row">
          <input type="text" id="bundleFile" placeholder="还没选文件" readonly>
          <button type="button" class="btn btn-ghost" data-pick-file="bundleFile" data-kind="bundle" data-title="选择导出包" data-msg="msg-migrate">选择文件</button>
        </div>
        <div class="ld-acts">
          <button type="button" class="btn btn-primary" data-act="import-bundle" data-msg="msg-migrate">开始搬家</button>
        </div>
      </div>

      <p class="ld-msg" id="msg-migrate"></p>
    </section>

    {{/* 4. 导出：不被关在里面——哪天不想用了，字还是自己的字，图还是自己的图 */}}
    <section class="ld-card">
      <div class="ld-card-head">
        <span class="ld-ico">{{ico "file"}}</span>
        <div>
          <h2>导出文章为 Markdown</h2>
          <p>每篇文章一个 <code>.md</code>，文首写好标题、时间、分类与标签；正文里的图片按原名收进 <code>uploads/</code>，整包搬到哪都不断图。</p>
        </div>
      </div>
      <div class="ld-row">
        <input type="text" id="expDir" placeholder="还没选导出位置" readonly>
        <button type="button" class="btn btn-ghost" data-pick="expDir" data-title="选择导出到哪个文件夹" data-msg="msg-export">选择位置</button>
      </div>
      <div class="ld-acts">
        <button type="button" class="btn btn-primary" data-act="export" data-msg="msg-export">开始导出</button>
      </div>
      <p class="ld-msg" id="msg-export"></p>
    </section>

    {{/* 5. 默认账号：程序在你自己电脑里，第一件要知道的事是「用哪个名字进去」 */}}
    <section class="ld-card">
      <div class="ld-card-head">
        <span class="ld-ico">{{ico "key"}}</span>
        <div>
          <h2>默认账号与密码</h2>
          <p>Win本地版第一次打开就用下面这组，程序只监听本机，但密码该改还是要改。</p>
        </div>
      </div>
      <dl class="ld-paths">
        <dt>默认账号</dt><dd>admin</dd>
        <dt>默认密码</dt><dd>admin123</dd>
        {{if .Data.Username}}<dt>当前登录</dt><dd>{{.Data.Username}}</dd>{{end}}
      </dl>
      <div class="ld-acts">
        <a class="btn btn-ghost" href="/admin/settings/account">去改密码</a>
      </div>
      <p class="ld-hint">默认密码是公开写着的，改掉才算自己的：上面按钮直达「账户信息」，填当前密码与新密码即可；改完用新密码登录。</p>
    </section>

    {{/* 6. 数据与退出：桌面程序不该有「窗口关了后台还在跑」 */}}
    <section class="ld-card">
      <div class="ld-card-head">
        <span class="ld-ico">{{ico "folder"}}</span>
        <div>
          <h2>数据与退出</h2>
          <p>数据、配置与图片都在程序旁边，整个文件夹拷走就是一份完整备份。</p>
        </div>
      </div>
      <dl class="ld-paths">
        <dt>程序目录</dt><dd>{{.Data.ExeDir}}</dd>
        <dt>数据目录</dt><dd>{{.Data.DataDir}}</dd>
        <dt>备份目录</dt><dd>{{.Data.BackupDir}}</dd>
      </dl>
      <div class="ld-acts">
        <button type="button" class="btn btn-ghost" data-reveal="root">打开程序目录</button>
        <button type="button" class="btn btn-ghost" data-reveal="backups">打开备份目录</button>
      </div>
      <div class="ld-acts ld-acts-quit">
        <button type="button" class="btn btn-danger" data-act="quit" data-msg="msg-quit">退出程序</button>
      </div>
      <p class="ld-msg" id="msg-quit"></p>
    </section>

    {{/* 7. 补丁更新：桌面版的升级方式——从本机的补丁包升，不连什么更新服务器。
         先备份数据、再把程序文件覆盖过去、最后自动重启，数据与图片一概不动 */}}
    <section class="ld-card">
      <div class="ld-card-head">
        <span class="ld-ico">{{ico "download"}}</span>
        <div>
          <h2>补丁更新</h2>
          <p>桌面版从本机的补丁包升级，不连更新服务器。选一个补丁包，程序会先备份数据，再覆盖程序文件，然后自动重启。数据、配置与图片一概不动。</p>
        </div>
      </div>
      <div class="ld-row">
        <input type="text" id="patchFile" placeholder="还没选补丁包" readonly>
        <button type="button" class="btn btn-ghost" data-pick-file="patchFile" data-kind="patch" data-title="选择补丁包" data-msg="msg-patch">选择补丁包</button>
      </div>
      <div class="ld-acts">
        <button type="button" class="btn btn-primary" data-act="patch" data-msg="msg-patch">应用补丁并重启</button>
      </div>
      <p class="ld-msg" id="msg-patch"></p>
      <p class="ld-hint">补丁包是给哪一版做的，就只能从哪一版往上升；版本对不上会被拦下。应用前会先做一份完整备份，放进 <code>backups/</code>。升级记录写在 <code>backups/patch.log</code>。</p>
    </section>

  </div>
</div>

<script>
(function () {
  var CSRF = "{{.CSRF}}";

  function say(id, text, bad) {
    var el = document.getElementById(id);
    if (!el) return;
    el.textContent = text;
    el.className = "ld-msg" + (bad ? " is-bad" : " is-ok");
  }

  function call(path, body, msgId, onDone) {
    say(msgId, "正在处理…", false);
    fetch(path + "?csrf=" + encodeURIComponent(CSRF), {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify(body || {})
    }).then(function (r) { return r.json(); }).then(function (d) {
      say(msgId, d.message || "完成", !d.ok);
      if (d.ok && onDone) onDone(d);
    }).catch(function (e) {
      say(msgId, "出错了：" + e.message, true);
    });
  }

  // each 让 NodeList 也能用 forEach 那套写法，不依赖浏览器的新特性。
  function each(list, fn) {
    Array.prototype.forEach.call(list, fn);
  }

  // pickInto：选文件夹/选文件两条通道共用的收尾——把选中的路径写回输入框。
  function pickInto(id, d) {
    var el = document.getElementById(id);
    if (el) el.value = d.path;
  }

  document.addEventListener("click", function (e) {
    var t = e.target;
    if (!t.closest) return;

    var tab = t.closest("[data-tab]");
    if (tab) {
      var card = tab.closest(".ld-card");
      if (!card) return;
      var name = tab.getAttribute("data-tab");
      each(card.querySelectorAll(".ld-tab"), function (b) {
        b.classList.toggle("is-on", b === tab);
      });
      each(card.querySelectorAll(".ld-pane"), function (p) {
        p.hidden = p.getAttribute("data-pane") !== name;
      });
      return;
    }

    var reveal = t.closest("[data-reveal]");
    if (reveal) {
      call("/local/reveal", { which: reveal.getAttribute("data-reveal") }, null);
      return;
    }

    var pick = t.closest("[data-pick]");
    if (pick) {
      var target = pick.getAttribute("data-pick");
      call("/local/pick", { title: pick.getAttribute("data-title") || "" }, pick.getAttribute("data-msg"), function (d) {
        pickInto(target, d);
      });
      return;
    }

    var pickFile = t.closest("[data-pick-file]");
    if (pickFile) {
      var fTarget = pickFile.getAttribute("data-pick-file");
      var msgId = pickFile.getAttribute("data-msg") || "msg-migrate";
      call("/local/pick-file", {
        title: pickFile.getAttribute("data-title") || "",
        kind: pickFile.getAttribute("data-kind") || ""
      }, msgId, function (d) {
        pickInto(fTarget, d);
      });
      return;
    }

    var act = t.closest("[data-act]");
    if (!act) return;
    var kind = act.getAttribute("data-act");
    var msg2 = act.getAttribute("data-msg");

    if (kind === "backup") {
      call("/local/backup", {}, msg2, function () { setTimeout(function () { location.reload(); }, 1200); });
    } else if (kind === "export") {
      var dir = document.getElementById("expDir").value;
      if (!dir) { say(msg2, "请先选择导出到哪个文件夹", true); return; }
      call("/local/export-posts", { dir: dir }, msg2);
    } else if (kind === "import") {
      var d2 = document.getElementById("impDir").value;
      if (!d2) { say(msg2, "请先选择要导入的文件夹", true); return; }
      var album = document.getElementById("impAlbum").value;
      call("/local/import-gallery", { dir: d2, album_id: parseInt(album, 10) }, msg2, function () {
        setTimeout(function () { location.reload(); }, 1600);
      });
    } else if (kind === "paste") {
      var pAlbum = document.getElementById("impAlbum");
      if (!pAlbum) { say(msg2, "请先选择要粘贴到的相册", true); return; }
      call("/local/paste", { album_id: parseInt(pAlbum.value, 10) }, msg2, function () {
        setTimeout(function () { location.reload(); }, 1600);
      });
    } else if (kind === "import-feed") {
      var url = document.getElementById("feedURL").value.trim();
      var file = document.getElementById("feedFile").value.trim();
      if (!url && !file) { say(msg2, "请填一个订阅地址，或选一个本机订阅文件", true); return; }
      call("/local/import", { kind: "feed", url: url, file: file }, msg2);
    } else if (kind === "import-dir") {
      var mdDir = document.getElementById("mdDir").value.trim();
      if (!mdDir) { say(msg2, "请先选择要导入的文件夹", true); return; }
      call("/local/import", { kind: "markdown", dir: mdDir }, msg2);
    } else if (kind === "import-bundle") {
      var bFile = document.getElementById("bundleFile").value.trim();
      if (!bFile) { say(msg2, "请先选择导出包文件", true); return; }
      call("/local/import", { kind: "bundle", file: bFile }, msg2);
    } else if (kind === "patch") {
      var pFile = document.getElementById("patchFile").value.trim();
      if (!pFile) { say(msg2, "请先选择补丁包", true); return; }
      if (!confirm("确定应用补丁吗？\n\n程序会先备份数据，再覆盖程序文件，然后自动重启。\n升级出岔子也能用 backups/ 里的备份退回来。")) return;
      call("/local/patch", { file: pFile }, msg2);
    } else if (kind === "quit") {
      if (!confirm("确定退出吗？退出后本站会停止运行，下次双击程序再打开。")) return;
      call("/local/quit", {}, msg2);
    }
  });

  // 长路径单行省略显示：完整路径保持在文本中，悬停 title 可见全部
  (function () {
    var all = document.querySelectorAll(".ld-paths dd");
    Array.prototype.forEach.call(all, function (dd) {
      var t = (dd.textContent || "").trim();
      if (t.indexOf("\\") !== -1 && !dd.title) dd.title = t;
    });
  })();

  // 把图片拖进「照片进相册」这张卡：省掉「先存成文件再选文件夹」这步。
  // 拖的时候给卡片描一圈边，松手就知道落点在哪。
  var dropZone = document.getElementById("dropZone");
  if (dropZone) {
    dropZone.addEventListener("dragover", function (e) {
      e.preventDefault();
      dropZone.classList.add("is-over");
    });
    dropZone.addEventListener("dragleave", function () {
      dropZone.classList.remove("is-over");
    });
    dropZone.addEventListener("drop", function (e) {
      e.preventDefault();
      dropZone.classList.remove("is-over");
      var files = e.dataTransfer && e.dataTransfer.files;
      if (!files || !files.length) return;
      var album = document.getElementById("impAlbum");
      if (!album) { say("msg-import", "先到「影集」模块建一个相册，再拖进来", true); return; }
      var imgs = [];
      for (var i = 0; i < files.length; i++) {
        if (files[i].type.indexOf("image/") === 0) imgs.push(files[i]);
      }
      if (!imgs.length) { say("msg-import", "拖进来的不是图片", true); return; }
      var fd = new FormData();
      fd.append("album_id", album.value);
      for (var j = 0; j < imgs.length; j++) fd.append("files", imgs[j], imgs[j].name);
      say("msg-import", "正在放进相册…", false);
      fetch("/local/upload?csrf=" + encodeURIComponent(CSRF), { method: "POST", body: fd })
        .then(function (r) { return r.json(); })
        .then(function (d) {
          say("msg-import", d.message || "完成", !d.ok);
          if (d.ok) setTimeout(function () { location.reload(); }, 1600);
        })
        .catch(function (e2) { say("msg-import", "出错了：" + e2.message, true); });
    });
  }

  // 截图或复制网页图之后直接 Ctrl+V：剪贴板里是图，就落进当前选的相册。
  // 剪贴板里是文字时不动，粘贴照常走输入框。
  document.addEventListener("paste", function (e) {
    var album = document.getElementById("impAlbum");
    if (!album || !e.clipboardData || !e.clipboardData.items) return;
    var got = false;
    for (var i = 0; i < e.clipboardData.items.length; i++) {
      var it = e.clipboardData.items[i];
      if (it.kind === "file" && it.type.indexOf("image/") === 0) { got = true; break; }
    }
    if (!got) return;
    e.preventDefault();
    var fd = new FormData();
    fd.append("album_id", album.value);
    for (var k = 0; k < e.clipboardData.items.length; k++) {
      var item = e.clipboardData.items[k];
      if (item.kind === "file" && item.type.indexOf("image/") === 0) {
        var f = item.getAsFile();
        if (f) fd.append("files", f, f.name || "clipboard.png");
      }
    }
    say("msg-import", "正在放进相册…", false);
    fetch("/local/upload?csrf=" + encodeURIComponent(CSRF), { method: "POST", body: fd })
      .then(function (r) { return r.json(); })
      .then(function (d) {
        say("msg-import", d.message || "完成", !d.ok);
        if (d.ok) setTimeout(function () { location.reload(); }, 1600);
      })
      .catch(function (e2) { say("msg-import", "出错了：" + e2.message, true); });
  });
})();
</script>
{{end}}