{{define "admin_update"}}
<div class="admin-update">
  {{if .Data.RestoreNotice}}
  <div class="alert {{if eq .Data.RestoreKind "err"}}alert-err{{else}}alert-ok{{end}}" data-persist="1">
    <strong>还原结果：</strong><p class="alert-copy">{{.Data.RestoreNotice}}</p>
  </div>
  {{end}}
  {{if .Data.BackupMade}}
  <div class="alert alert-ok">
    <strong>备份完成 {{ico "check"}}</strong> 已生成完整备份包：<code>/admin/backup/{{.Data.BackupFile}}</code>，
    <a href="/admin/backup/{{.Data.BackupFile}}">点击下载备份</a>（含全部数据库与配置文件）。
  </div>
  {{end}}
  {{if .Data.Error}}
  <div class="alert alert-err"><strong>提示：</strong>{{.Data.Error}}</div>
  {{end}}
  {{if .UpdateNotice}}
  <div class="alert alert-ok" data-persist="1">
    <strong>发现新版本 {{verTag .UpdateNotice.Version}}！</strong>
    <p class="alert-copy">{{.UpdateNotice.Notes}}</p>
    <p class="alert-copy">点击「立即在线更新」前，程序会<strong>自动完整备份</strong>当前数据与配置，并打包提供下载路径，请放心更新。此提醒会一直保留到更新顺利完成。</p>
  </div>
  {{else}}
  {{if .Data.Check}}
    {{if hasPrefix .Data.Check "new:"}}
    <div class="alert alert-ok">
      <strong>发现新版本 {{trimPrefix .Data.Check "new:"}}！</strong>
      <p class="alert-copy">{{.Data.Note}}</p>
      <p class="alert-copy">点击「立即在线更新」前，程序会<strong>自动完整备份</strong>当前数据与配置，并打包提供下载路径，请放心更新。</p>
    </div>
    {{else if eq .Data.Check "latest"}}
    <div class="alert alert-ok"><strong>当前已是最新版本</strong>，无需更新。</div>
    {{else if hasPrefix .Data.Check "older:"}}
    <div class="alert alert-err"><strong>更新源版本（{{trimPrefix .Data.Check "older:"}}）低于当前版本</strong>，请检查更新源配置。</div>
    {{end}}
  {{end}}
  {{end}}

  <div class="panel update-hero">
    <div class="update-ver-row">
      <span class="update-label">当前版本</span>
      <span class="update-ver">{{verTag .Data.Current}}</span>
      <span class="update-label">构建代号</span>
      <span class="update-ver">{{.Site.CodeName}}</span>
    </div>
    <p class="update-copy">
      在线更新是最省心的升级方式：程序先<strong>自动完整备份</strong>（数据库 + 配置文件打包成 zip，供你下载留档），
      再下载新版完整包、平滑替换并自动重启。全程无需动命令行，站点数据不会丢失。
    </p>
    <div class="update-acts">
      <form method="post" action="/admin/update" class="app-act">
        <input type="hidden" name="csrf" value="{{.CSRF}}">
        <input type="hidden" name="action" value="check">
        <button class="btn btn-primary" type="submit">检测更新</button>
      </form>
      <form method="post" action="/admin/update" class="app-act" id="applyForm">
        <input type="hidden" name="csrf" value="{{.CSRF}}">
        <input type="hidden" name="action" value="apply">
        <button class="btn btn-ghost" type="submit">立即在线更新</button>
      </form>
    </div>
    <p class="update-hint">
      更新源地址在「站点设置 → 站点设置」里配置（update_url，指向一个 JSON 文件：
      <code>{"version":"0.2.0","url":"https://…/zxcms-0.2.0.zip","notes":"本次更新说明"}</code>）。
    </p>
  </div>

  {{if or .Data.Applying .UpdateNotice}}
  <div class="panel" id="updProgress" {{if not .Data.Applying}}style="display:none"{{end}}>
    <h2 class="panel-title">在线更新进度</h2>
    <p class="update-copy upd-progress-msg">正在准备更新…</p>
    <ul class="upd-steps">
      <li data-step="backup"><span class="upd-ico"></span>自动完整备份</li>
      <li data-step="download"><span class="upd-ico"></span>下载新版安装包</li>
      <li data-step="replace"><span class="upd-ico"></span>替换程序与资源</li>
      <li data-step="restart"><span class="upd-ico"></span>重启服务</li>
    </ul>
  </div>
  {{end}}

  {{if .Data.Restoring}}
  <div class="panel" id="updProgress">
    <h2 class="panel-title">数据还原进度</h2>
    <p class="update-copy upd-progress-msg">正在校验备份包…</p>
    <ul class="upd-steps">
      <li data-step="backup"><span class="upd-ico"></span>校验备份包</li>
      <li data-step="download"><span class="upd-ico"></span>暂存还原内容</li>
      <li data-step="replace"><span class="upd-ico"></span>替换数据与配置</li>
      <li data-step="restart"><span class="upd-ico"></span>重启服务</li>
    </ul>
  </div>
  {{end}}

  <div class="panel">
    <h2 class="panel-title">完整备份（更新前自动生成）</h2>
    <p class="update-copy">每次执行在线更新，程序都会先把 data 目录与 config.json 完整打包，你可以随时下载留档，也可以手动创建备份。</p>
    <div class="update-acts" style="margin:0 0 14px;">
      <form method="post" action="/admin/update" class="app-act">
        <input type="hidden" name="csrf" value="{{.CSRF}}">
        <input type="hidden" name="action" value="backup">
        <button class="btn btn-ghost btn-sm" type="submit">立即创建备份</button>
      </form>
    </div>
    {{if .Data.Backups}}
    <table class="table">
      <thead>
        <tr>
          <th>备份文件</th>
          <th>大小</th>
          <th class="th-ops">下载 / 还原</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Backups}}
        <tr>
          <td><code>{{.}}</code></td>
          <td>{{backupSize .}}</td>
          <td class="th-ops">
            <a class="btn btn-ghost btn-sm" href="/admin/backup/{{.}}">下载</a>
            <form method="post" action="/admin/update" class="app-act restore-form">
              <input type="hidden" name="csrf" value="{{$.CSRF}}">
              <input type="hidden" name="action" value="restore">
              <input type="hidden" name="restore_file" value="{{.}}">
              <button class="btn btn-primary btn-sm" type="submit">还原</button>
            </form>
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>
    {{else}}
    <p class="update-empty">还没有备份记录。更新前会自动生成第一份，也可以点上面按钮手动创建。</p>
    {{end}}
  </div>

  <div class="panel">
    <h2 class="panel-title">从备份还原</h2>
    <p class="update-copy">
      上传一个备份包（zip），或在上方备份列表中直接点「还原」。还原会<strong>整体替换数据库、上传目录与配置文件</strong>：
      程序先校验并暂存备份内容，再自动重启，在启动阶段完成替换；当前数据会留档为 <code>data.pre-restore</code>，
      万一还原有误可手动回退。还原过程中页面会实时显示进度。
    </p>
    <form method="post" action="/admin/update" enctype="multipart/form-data" class="restore-form" id="restoreUploadForm">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="hidden" name="action" value="restore">
      <div class="restore-pick" style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0;">
        <input type="file" name="backup" accept=".zip,application/zip" required>
        <button class="btn btn-primary btn-sm" type="submit">上传并还原</button>
      </div>
      <p class="update-hint">只接受 .zip 备份包；包内须包含 data 目录（含数据库文件），旧版无前缀格式同样兼容。</p>
    </form>
  </div>

  <div class="cm-mask" id="restoreConfirm" hidden>
    <div class="cm-dialog">
      <div class="cm-head">确认从备份还原？</div>
      <div class="cm-body">
        <p>还原会<strong>整体替换</strong>当前数据库、上传目录与配置文件，站点将回到备份时刻的状态，之后产生的数据不会保留。</p>
        <p class="cm-sub">程序会先校验备份包并留档当前数据（data.pre-restore），再自动重启完成还原。</p>
      </div>
      <div class="cm-acts">
        <button type="button" class="btn btn-ghost" id="rfCancel">取消</button>
        <button type="button" class="btn btn-primary" id="rfOk">确认还原</button>
      </div>
    </div>
  </div>
  <script>
    (function () {
      var mask = document.getElementById("restoreConfirm");
      var pending = null;
      document.querySelectorAll("form.restore-form").forEach(function (fm) {
        fm.addEventListener("submit", function (ev) {
          ev.preventDefault();
          pending = fm;
          mask.hidden = false;
        });
      });
      document.getElementById("rfCancel").addEventListener("click", function () {
        mask.hidden = true;
        pending = null;
      });
      document.getElementById("rfOk").addEventListener("click", function () {
        mask.hidden = true;
        if (pending) pending.submit();
      });
    })();
  </script>
</div>
{{end}}