{{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. 从本机文件夹导入照片：服务器版只能一张张上传，Win本地版可以直接指着文件夹 */}}
    <section class="ld-card">
      <div class="ld-card-head">
        <span class="ld-ico">{{ico "image"}}</span>
        <div>
          <h2>从本机文件夹导入照片</h2>
          <p>指一个文件夹，里面的图片会整批搬进选定的相册；压缩与尺寸处理和网页上传完全一致。</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="选择要导入照片的文件夹">选择文件夹</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>
      </div>
      <p class="ld-msg" id="msg-import"></p>
      {{else}}
      <p class="ld-empty">还没有相册。先到「影集」模块新建一个相册，再回来导入。</p>
      {{end}}
    </section>

    {{/* 3. 导出：不被关在里面——哪天不想用了，字还是自己的字 */}}
    <section class="ld-card">
      <div class="ld-card-head">
        <span class="ld-ico">{{ico "file"}}</span>
        <div>
          <h2>导出文章为 Markdown</h2>
          <p>每篇文章一个 <code>.md</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="选择导出到哪个文件夹">选择位置</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>

    {{/* 4. 数据与退出：桌面程序不该有「窗口关了后台还在跑」 */}}
    <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>
        <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>

  </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);
    });
  }

  document.addEventListener("click", function (e) {
    var t = e.target;
    if (!t.closest) 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");
      var title = pick.getAttribute("data-title") || "";
      call("/local/pick", { title: title }, "msg-" + (target === "impDir" ? "import" : "export"), function (d) {
        document.getElementById(target).value = d.path;
      });
      return;
    }

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

    if (kind === "backup") {
      call("/local/backup", {}, msgId, function () { setTimeout(function () { location.reload(); }, 1200); });
    } else if (kind === "export") {
      var dir = document.getElementById("expDir").value;
      if (!dir) { say(msgId, "请先选择导出到哪个文件夹", true); return; }
      call("/local/export-posts", { dir: dir }, msgId);
    } else if (kind === "import") {
      var d2 = document.getElementById("impDir").value;
      if (!d2) { say(msgId, "请先选择要导入的文件夹", true); return; }
      var album = document.getElementById("impAlbum").value;
      call("/local/import-gallery", { dir: d2, album_id: parseInt(album, 10) }, msgId, function () {
        setTimeout(function () { location.reload(); }, 1600);
      });
    } else if (kind === "quit") {
      if (!confirm("确定退出吗？退出后本站会停止运行，下次双击程序再打开。")) return;
      call("/local/quit", {}, msgId);
    }
  });
})();
</script>
{{end}}