{{template "layout.html" .}}
<div class="card" style="max-width:960px">
  <div class="card-hd flex items-center justify-between">
    <span>💾 数据库备份</span>
    <span class="badge badge-info">{{if eq .db_type "mysql"}}MySQL{{else}}SQLite{{end}}</span>
  </div>
  <div class="card-bd">
    <div style="margin-bottom:16px;display:flex;gap:8px;align-items:center">
      <button class="btn btn-primary" onclick="createBackup()">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;margin-right:4px"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></svg>
        创建备份
      </button>
    </div>
    <style>
    .backup-table td, .backup-table th{padding:14px 12px;white-space:nowrap}
    .backup-table tbody tr{border-bottom:10px solid transparent;background-clip:padding-box}
    </style>
    <table class="table backup-table">
      <thead>
        <tr>
          <th>文件名</th>
          <th width="100">文件大小</th>
          <th width="200">创建时间</th>
          <th width="180">操作</th>
        </tr>
      </thead>
      <tbody>
        {{if .backups}}
        {{range .backups}}
        <tr>
          <td><code>{{.Name}}</code></td>
          <td>{{.Size}}</td>
          <td>{{.CreatedAt}}</td>
          <td>
            <a href="/admin/backup/download?name={{.Name}}" class="btn btn-ghost btn-sm">下载</a>
            <button class="btn btn-ghost btn-sm" onclick="restoreBackup('{{.Name}}')">恢复</button>
            <button class="btn btn-ghost btn-sm" onclick="delBackup('{{.Name}}')" style="color:var(--danger)">删除</button>
          </td>
        </tr>
        {{end}}
        {{else}}
        <tr>
          <td colspan="4" style="text-align:center;color:#94a3b8;padding:40px 0">暂无备份文件</td>
        </tr>
        {{end}}
      </tbody>
    </table>
  </div>
</div>
<script>
var _backupCreating=false;
function createBackup(){
  if(_backupCreating)return;
  _backupCreating=true;
  var btn=document.querySelector('.card .btn-primary');
  var org=btn.innerHTML;
  btn.disabled=true;btn.textContent='备份中…';
  fetch('/admin/backup/create',{method:'POST'})
    .then(function(r){return r.json()})
    .then(function(d){
      btn.disabled=false;btn.innerHTML=org;
      _backupCreating=false;
      if(d.code===0){resultModal('✅','备份成功',d.msg);setTimeout(function(){location.reload()},1500)}
      else{resultModal('❌','备份失败',d.msg)}
    })
    .catch(function(){btn.disabled=false;btn.innerHTML=org;_backupCreating=false;toast('请求失败','error')});
}
function restoreBackup(name){
  showConfirm('确认恢复','将用此备份文件覆盖当前所有数据，此操作不可撤销。确定继续？',function(){
    var f=new FormData();f.append('name',name);
    fetch('/admin/backup/restore',{method:'POST',body:f})
      .then(function(r){return r.json()})
      .then(function(d){
        if(d.code===0){toast(d.msg,'success');setTimeout(function(){location.reload()},1500)}
        else{toast(d.msg,'error')}
      })
      .catch(function(){toast('请求失败','error')});
  });
}
function delBackup(name){
  showConfirm('确认删除','确定要删除此备份文件吗？',function(){
    var f=new FormData();f.append('name',name);
    fetch('/admin/backup/delete',{method:'POST',body:f})
      .then(function(r){return r.json()})
      .then(function(d){
        if(d.code===0){toast('删除成功','success');location.reload()}
        else{toast(d.msg,'error')}
      })
      .catch(function(){toast('请求失败','error')});
  });
}
</script>

</body>
</html>